AD

¿Ya dominas lo básico? Un curso estructurado de JavaScript es la vía rápida para dar el salto.

Ver cursos de JavaScript en Udemy

Enlace de afiliado. No te cuesta nada extra.

🟨Lecciones de JavaScript
Lección 4 / 69

Bucles (sentencias for)

En esta lección aprenderás a repetir instrucciones con la sentencia for de JavaScript, para ejecutar lo mismo muchas veces de forma eficiente. Está dirigida a quien busca «sintaxis del for en JavaScript» o «bucles en JavaScript para principiantes».

Cuando quieres repetir la misma operación muchas veces usas un bucle. Una sentencia for repite indicando tres partes: for (valor inicial; condición; actualización) { ... }. En lugar de copiar y pegar el mismo código 100 veces, un bucle te permite expresar una enorme cantidad de trabajo en apenas unas líneas: esa es su fuerza. El bucle termina en cuanto la condición deja de cumplirse.

El código de ejemplo empieza en let i = 1 y repite 5 veces mientras i <= 5, aumentando i en 1 cada vuelta con i++. Un bucle for también se usa muchísimo para procesar el contenido de un array elemento a elemento, y es la base de las operaciones con arrays que verás más adelante: una pieza de sintaxis verdaderamente esencial.

Un tropiezo habitual es olvidar la parte de actualización (i++) o equivocarse en la condición, lo que crea un «bucle infinito» que no termina nunca. Si el navegador parece congelarse, comprueba primero la condición y la actualización. Equivocarse por uno en el número de vueltas (el clásico «off-by-one») es otro fallo muy común.

En el desarrollo real los bucles for aparecen en un montón de situaciones: mostrar en pantalla una lista de productos uno a uno, o reintentar una petición de red un número fijo de veces. Saber diseñar qué hace el cuerpo de un bucle es una habilidad imprescindible en la programación diaria.

Un for suele ir de la mano de un array, como en for (let i = 0; i < frutas.length; i++): el patrón clásico de repetir una vez por elemento. Si atas la condición de parada a la longitud del array, el bucle repite automáticamente el número correcto de veces aunque cambie la cantidad de elementos.

Si indicas el número de repeticiones con una variable obtienes un bucle más flexible, como for (let i = 1; i <= cuenta; i++). En cuanto sabes escribir bucles cuyo número de vueltas cambia según la situación, en lugar de ser fijo, el abanico de lo que puedes construir se amplía enormemente.

JavaScript
SALIDA

💡 Todo lo que pases a console.log() aparece en la salida de abajo.

Espacio publicitario (banner)
Espacio publicitario (en el artículo)