Saltar al contenido

Bucles en JavaScript

Introducción a los bucles en JavaScript

Los bucles en JavaScript son un concepto fundamental en la programación que permiten ejecutar bloques de código múltiples veces. Esta guía proporciona una comprensión en profundidad de los diferentes tipos de bucles en JavaScript, incluyendo su sintaxis y aplicaciones prácticas.

¿Qué son los bucles en JavaScript?

Los bucles en JavaScript se utilizan para ejecutar un bloque de código repetidamente bajo condiciones especificadas, mejorando la eficiencia y legibilidad de tu código.

¿Por qué usar bucles?

Los bucles reducen la necesidad de código repetitivo, haciendo que tus scripts sean más eficientes y menos propensos a errores.

Comprender los diferentes tipos de bucles

Profundicemos en los diversos bucles disponibles en JavaScript, su sintaxis y cómo utilizarlos de manera efectiva.

El bucle while

El bucle while es el tipo más simple de bucle en JavaScript. Continúa ejecutando un bloque de código mientras una condición especificada se mantenga verdadera.

Sintaxis:


javascript
while (condition) {
  // code to be executed
}

Ejemplo:


Output appears here after Run.

El bucle do...while

El bucle do...while asegura que el bloque de código se ejecute al menos una vez antes de verificar la condición.

Sintaxis:


javascript
do {
  // code to be executed
} while (condition);

Ejemplo:


Output appears here after Run.

El bucle for

El bucle for es el más utilizado, permitiéndote inicializar, establecer la condición e incrementar/decrementar en una sola línea.

Sintaxis:


javascript
for (initialization; condition; increment/decrement) {
  // code to be executed
}

Ejemplo:


Output appears here after Run.

El bucle for...in

Este bucle itera sobre las propiedades enumerables de un objeto.

Sintaxis:


javascript
for (variable in object) {
  // code to be executed
}

Ejemplo:


Output appears here after Run.

El bucle for...of

El bucle for...of se utiliza para iterar sobre objetos iterables como arrays y strings.

Sintaxis:


javascript
for (variable of iterable) {
  // code to be executed
}

Ejemplo:


Output appears here after Run.

Controlar la ejecución de los bucles

Uso de break en bucles

La sentencia break se puede utilizar para salir de un bucle antes de que la condición sea falsa.

Ejemplo:


Output appears here after Run.

Uso de continue en bucles

La sentencia continue omite la iteración actual y continúa con la siguiente.

Ejemplo:


Output appears here after Run.

Conclusión

Comprender y utilizar de manera efectiva los diferentes tipos de bucles en JavaScript mejora tu capacidad para escribir código conciso y eficiente. Experimenta con estos bucles para volverte más competente en la programación con JavaScript.

Práctica

¿Cuáles de las siguientes afirmaciones sobre los bucles en JavaScript son correctas?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.