El Proyecto | Sobre nosotros | Contribuir | Donaciones | Licencia
HOME Mis cursos Finalizados
◄ Anterior
◄

Bucles: for, while, do-while

Siguiente ►
►

Los bucles son estructuras de control que permiten ejecutar un bloque de código repetidamente, basándose en una condición. En JavaScript, los bucles más comunes son for, while y do-while. En esta sección, aprenderás cómo funcionan estos bucles y cómo utilizarlos en tus programas.

Bucles for

El bucle for es ideal cuando conoces de antemano cuántas veces necesitas ejecutar un bloque de código. La sintaxis básica del bucle for es la siguiente:

for (inicialización; condición; actualización) {
    // Código a ejecutar en cada iteración
}

Ejemplo de Bucle for

// Imprimir los números del 1 al 5
for (let i = 1; i <= 5; i++) {
    console.log(i);
}

Explicación:

  1. Inicialización: let i = 1 establece la variable i en 1.
  2. Condición: i <= 5 verifica si i es menor o igual a 5. Si es verdadero, el bucle continúa.
  3. Actualización: i++ incrementa i en 1 después de cada iteración.

Ejercicio Práctico

Ejercicio 1: Escribe un bucle for que imprima los números pares del 2 al 10.

for (let i = 2; i <= 10; i += 2) {
    console.log(i);
}

Bucles while

El bucle while ejecuta un bloque de código mientras una condición especificada sea verdadera. La sintaxis básica del bucle while es la siguiente:

while (condición) {
    // Código a ejecutar en cada iteración
}

Ejemplo de Bucle while

// Imprimir los números del 1 al 5
let i = 1;
while (i <= 5) {
    console.log(i);
    i++;
}

Explicación:

  1. Condición: i <= 5 verifica si i es menor o igual a 5. Si es verdadero, el bucle continúa.
  2. Actualización: i++ incrementa i en 1 después de cada iteración.

Ejercicio Práctico

Ejercicio 2: Escribe un bucle while que imprima los números impares del 1 al 9.

let i = 1;
while (i < 10) {
    console.log(i);
    i += 2;
}

Bucles do-while

El bucle do-while es similar al bucle while, pero garantiza que el bloque de código se ejecute al menos una vez, ya que la condición se evalúa después de la primera iteración. La sintaxis básica del bucle do-while es la siguiente:

do {
    // Código a ejecutar en cada iteración
} while (condición);

Ejemplo de Bucle do-while

// Imprimir los números del 1 al 5
let i = 1;
do {
    console.log(i);
    i++;
} while (i <= 5);

Explicación:

  1. Ejecución Inicial: El bloque de código se ejecuta una vez antes de evaluar la condición.
  2. Condición: i <= 5 verifica si i es menor o igual a 5. Si es verdadero, el bucle continúa.

Ejercicio Práctico

Ejercicio 3: Escribe un bucle do-while que imprima los números del 1 al 5.

let i = 1;
do {
    console.log(i);
    i++;
} while (i <= 5);

Comparación de Bucles

Bucle Uso Principal Ejecución Inicial Evaluación de Condición
for Cuando conoces el número exacto de iteraciones. No Antes de cada iteración
while Cuando no conoces el número exacto de iteraciones y la condición puede cambiar. No Antes de cada iteración
do-while Cuando necesitas que el bloque de código se ejecute al menos una vez. Sí Después de cada iteración

Resumen

En esta sección, has aprendido sobre los bucles for, while y do-while en JavaScript. Cada tipo de bucle tiene su uso específico y es importante elegir el adecuado según el contexto de tu problema. Practica con los ejercicios proporcionados para reforzar tu comprensión y asegúrate de experimentar con diferentes condiciones y actualizaciones para ver cómo afectan el comportamiento del bucle.

En la próxima sección, exploraremos las sentencias switch, que te permitirán manejar múltiples condiciones de manera más eficiente.

◄ Anterior
◄
Siguiente ►
►

JavaScript: De Principiante a Avanzado

Módulo 1: Introducción a JavaScript

Módulo 2: Estructuras de Control

Módulo 3: Funciones

Módulo 4: Objetos y Arrays

Módulo 5: Objetos y Funciones Avanzadas

Módulo 6: El Modelo de Objetos del Documento (DOM)

Módulo 7: APIs del Navegador y Temas Avanzados

Módulo 8: Pruebas y Depuración

Módulo 9: Rendimiento y Optimización

Módulo 10: Frameworks y Librerías de JavaScript

Módulo 11: Proyecto Final

El Proyecto | Sobre nosotros | Contribuir | Donaciones | Licencia
© Copyright 2024. Todos los derechos reservados