Ciclos doWhile: Estructura y Diferencias con While

Clase 19 de 55 • Curso de Fundamentos de JavaScript

Resumen

¿Cómo se implementa un ciclo doWhile en programación?

¿Alguna vez te has preguntado cómo lograr que un segmento de código se ejecute repetidamente hasta cumplir una determinada condición? El ciclo doWhile es una técnica eficaz para lograrlo. Este método asegura que ciertas tareas se repitan, garantizando así la ejecución de eventos hasta alcanzar el resultado esperado, siempre y cuando se cumpla una condición. A continuación, exploramos cómo funciona y cómo se diferencia de otros ciclos.

¿Cuál es la estructura de un ciclo doWhile?

La implementación de un ciclo doWhile en programación sigue una estructura específica. Aquí te presentamos los pasos básicos:

Se comienza con la palabra clave do.
Dentro de los corchetes {}, se escribe el código que deseamos ejecutar.
Posteriormente, se utiliza la palabra clave while, seguida de la condición que debe cumplirse para que el ciclo continúe ejecutándose.

La principal distinción de doWhile es que siempre ejecuta el bloque de código primero, sin evaluar la condición, y luego verifica si debe repetirse.

Ejemplo práctico de doWhile

Para ilustrar el uso de doWhile, consideremos el siguiente ejemplo:

let contador = 0;

do {
    console.log(contador);
    contador++;
} while (contador < 10);

En este segmento de código:

Se declara una variable contador inicializada en cero.
Dentro del do, se imprime el valor de contador y se incrementa en uno para evitar un ciclo infinito.
La condición while garantiza que el bloque se repita hasta que contador sea menor a 10.

Este código imprimirá los números del 0 al 9 en consola.

¿Cuál es la diferencia entre un ciclo while y un ciclo doWhile?

La interrogante que suele surgir es: ¿para qué usar un doWhile en lugar de un simple while? La diferencia fundamental es cómo estos ciclos abordan la ejecución del código y la verificación de condiciones:

En un doWhile, el código siempre se ejecuta al menos una vez antes de evaluar la condición.
En un while, primero se verifica si la condición es verdadera antes de ejecutar el código.

Cuándo usar doWhile en lugar de while

Opta por doWhile cuando requieras que el código se ejecute al menos una vez, independientemente de si la condición es verdadera al inicio. Por otro lado, utiliza while si deseas asegurar que el código solo se ejecuta cuando la condición inicial se cumple.

Consejos prácticos para implementaciones efectivas

Evita bucles infinitos: Asegúrate de modificar las variables involucradas en la condición para evitar que el ciclo corra indefinidamente.
Prueba tus condiciones: Verifica que la condición sea alcanzable para garantizar la finalización adecuada del ciclo.
Debugging y logs: Utiliza console.log para comprender el flujo de tu ciclo y depurar problemas potenciales.

Dominar los ciclos en programación te brindará herramientas poderosas para desarrollar algoritmos eficientes. Experimentar con doWhile y while te permitirá elegir el ciclo adecuado para cada situación y enriquecer tus proyectos de programación. ¡Sigue practicando y explorando el apasionante mundo del desarrollo!

Viviana Díaz Duran

student•

for loop: Usado cuando conoces el número de iteraciones.
while loop: Usado cuando quieres repetir mientras una condición sea verdadera.
do...while loop: Similar al while loop, pero se ejecuta al menos una vez.
for...in loop: Usado para iterar sobre propiedades enumerables de un objeto.
for...of loop: Usado para iterar sobre elementos de objetos iterables.

Danny Barajas

student•

Claro y conciso. Gracias.

Yamid Horacio Rodríguez

student•

¡Oye! Gracias

Pablo Luna Guzmán

student•

Resumen de la clase!

A diferencia del ciclo while, el ciclo que aprendimos hoy, do... while, ejecutará primero nuestro bloque de código y luego de ello evalua la condición, y ya al igual que while, ejecuta nuestro código.

Esto puede resultar bastante útil cuando queremos asegurarnos de que un ciclo se ejecute como mínimo una vez.

OJO 👀 Al igual que el while, debemos especificar una condición que en algún momento detenga nuestro ciclo, de lo contrario nos enfrentaremos a un loop infinito ♾!

💡 Aquí puedes leer la documentación de este ciclo

Germán Hernández

student•

for: Úsalo cuando sabes cuántas veces quieres que el bucle se ejecute.
for...of: Úsalo cuando quieras iterar sobre los valores de un iterable (como un array).
for...in: Úsalo cuando necesites iterar sobre las claves de un objeto o índices de un array.
while: Úsalo cuando no sabes cuántas veces se ejecutará el bucle, pero tienes una condición clara.
do...while: Úsalo cuando quieras que el bucle se ejecute al menos una vez, independientemente de la condición.

oscar Ivan Toro Gonzalez

student•

me encanta que platzi siempre escucha antes dejaba muchos enlaces pero genial que ya no dejen los enlaces en cada clase y dejan los enlaces importantes solo al principio del curso

Sergio Javier Lopez Olivera

student•

Iterando y haciendo uso del do...while pero con decrementos:

let i = -1 // iterator declaration and initialization

do {

    console.log(i + 2*i) // code → formulae for negative odd numbers

    i -= 1 // iterator increment (or decrement in this case)

} while (i > -10) // condition

/*

-3
-6
-9
-12
-15
-18
-21
-24
-27

*/

Elvis Milan

student•

do {
  code
} while (condition)

Juliana Rios

student•

Jafeth Jesús Sánchez Sánchez

student•

While:

El bucle while ejecuta un bloque de código mientras una condición especificada es verdadera. La condición se evalúa antes de que se ejecute el bloque de código.

let numero = 1;

while (numero <= 5) {
  console.log(numero);
  numero++;
}

Do while:

El bucle do...while ejecuta un bloque de código una vez antes de verificar la condición. Luego, se repite mientras la condición especificada sea verdadera.

let numero = 1;

do {
  console.log(numero);
  numero++;
} while (numero <= 5);

Diferencias:

La principal diferencia entre while y do...while es cuándo se evalúa la condición:

En un bucle while, la condición se evalúa antes de ejecutar el bloque de código. Si la condición es falsa desde el principio, el bloque de código no se ejecutará ni una sola vez.
En un bucle do...while, el bloque de código se ejecuta al menos una vez antes de que se evalúe la condición. Esto garantiza que el bloque se ejecute al menos una vez, independientemente de si la condición es verdadera o falsa desde el principio.

Alejandro Sánchez Yalí

student•

El bucle do { código } while (condición) es una estructura de control que:

Ejecuta el bloque de código dentro de las llaves {} al menos una vez.
Después de cada ejecución, evalúa la condición entre paréntesis.
Si la condición es verdadera, repite el ciclo. Si es falsa, termina.

La diferencia clave con un bucle while normal es que el código siempre se ejecuta una vez antes de evaluar la condición.

lucas pace

student•

esta clase no sirve. tendrian que poner let contador = 9; o while (contador = 0);

para demostrar que el Do-While ejecuta al menos una vez el codigo. en este caso, mostraria en pantalla un valor (9, 10 o 0 depende el caso que se desee probar) y dejaria de ejecutar el bucle, entendiendo asi que la condicion se evalua posterior a una primera ejecucion del bucle. en el ejemplo de la clase no se ve diferencia alguna con el while a la hora de ejecutar, ya que esta mostrando en pantalla los 10 valores. Hay gente que podria no entender la diferencia con el ejemplo de la clase

Andrés Soret Chacin

student•

Método do...while en JavaScript

El método do...while se utiliza para ejecutar un bloque de código al menos una vez, y luego repetirlo mientras se cumpla una condición.
Es similar al while, pero garantiza que el código se ejecute al menos una vez antes de evaluar la condición.

Estructura del Método do...while

La sintaxis básica es: do { código a ejecutar } while (condición);.
El bloque de código dentro de do se ejecuta primero, y luego se evalúa la condición.
Si la condición es verdadera, el bloque de código se ejecuta nuevamente; si es falsa, el ciclo se detiene.

Ejemplo de Código

let contador = 0;

do { console.log(contador); contador++; } while (contador < 10);

Explicación del Código

Declaramos una variable contador y la inicializamos en 0.
Usamos do para ejecutar el bloque de código, que imprime el valor de contador y luego lo incrementa en 1.
Después del bloque do, se evalúa la condición contador < 10.
El ciclo se repite mientras la condición sea verdadera.

Diferencias entre while y do...while

En un ciclo while, la condición se evalúa antes de ejecutar el bloque de código.
En un ciclo do...while, el bloque de código se ejecuta primero, y luego se evalúa la condición.
do...while asegura que el bloque de código se ejecute al menos una vez, incluso si la condición es falsa desde el principio.

Ejemplo Comparativo

Ciclo while

let contador = 0;

while (contador < 10) { console.log(contador); contador++; }

Ciclo do...while

let contador = 0;

do { console.log(contador); contador++; } while (contador < 10);

Precauciones con el Ciclo do...while

Asegúrate de que la condición eventualmente se vuelva falsa para evitar loops infinitos.
Un loop infinito puede consumir toda la memoria y recursos del navegador, causando que se bloquee.

Próximos pasos

Practicar con el método do...while en diferentes escenarios para entender mejor su funcionamiento.
Comparar do...while con otros métodos de iteración como while, for, y for...of para utilizarlos adecuadamente según el contexto.
Aplicar do...while en proyectos más complejos para ver su utilidad en contextos reales.

Andrés Felipe Naranjo Quintero

student•

let a = 0, b = 1, count = 0;const limit = 10; do { console.log(a); let next = a + b; a = b; b = next; count++;} while (count < limit);

Fernando Emilio Díaz López

student•

El bucle do while es una estructura de control en JavaScript que ejecuta un bloque de código al menos una vez, antes de verificar la condición. Su sintaxis es:

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

A diferencia del while, que evalúa la condición antes de ejecutar el código, el do while garantiza que el código se ejecute al menos una vez. Por ejemplo:

let contador = 0;

do {
    console.log(contador);
    contador++;
} while (contador < 10);

Este código imprimirá los números del 0 al 9. Es útil cuando necesitas que el código se ejecute primero, independientemente de la condición.

LUIS FELIPE RESTREPO ARGÜELLO

student•

//El bucle while evalúa la condición antes de ejecutar el bloque de código. Si la condición es verdadera, ejecuta el bloque de código y luego vuelve a verificar la condición. Continúa repitiendo el ciclo hasta que la condición sea falsa.

let contador = 1;

while (contador <= 5) {
  console.log("Contador:", contador);
  contador++;
}
// Output:
// Contador: 1
// Contador: 2
// Contador: 3
// Contador: 4
// Contador: 5

//El bucle do...while es similar al while, pero tiene una diferencia importante: ejecuta el bloque de código al menos una vez antes de verificar la condición. Después de la primera ejecución, el ciclo verifica la condición y decide si debe continuar.

let contador = 1;

do {
  console.log("Contador:", contador);
  contador++;
} while (contador <= 5);
// Output:
// Contador: 1
// Contador: 2
// Contador: 3
// Contador: 4
// Contador: 5

//En un bucle while, el código puede no ejecutarse en absoluto si la condición inicial es falsa.
En un bucle do...while, el bloque de código se ejecutará al menos una vez, incluso si la condición es falsa desde el principio.

rodrigo Felipe Jara Duarte

student•

he pasado por muchos cursos de fundamentos, y sin duda aqui estan los mejores profesores. Por fin estoy entendiendo todo. <3

Ciro de Jesus Arrieta Lacouture

student•

Tabla de multiplicar do while

Platzi Team

student•

La diferencia entre for...of, for...in y forEach radica en su uso:

for...of: Itera sobre los valores de un iterable (como arrays). Por ejemplo, puedes usarlo para acceder a cada elemento de un array.
```
const array = [1, 2, 3];
for (const number of array) {
    console.log(number); // Imprime 1, 2, 3
}
```
for...in: Se utiliza para recorrer las propiedades enumerables de un objeto. No se recomienda para arrays, ya que puede incluir propiedades heredadas.
```
const obj = { a: 1, b: 2 };
for (const key in obj) {
    console.log(key); // Imprime "a", "b"
}
```
forEach: Es un método de arrays que ejecuta una función sobre cada elemento. No puede ser utilizado con objetos directamente.
```
const array = [1, 2, 3];
array.forEach((number) => {
    console.log(number); // Imprime 1, 2, 3
});
```

En resumen, usa for...of para arrays, for...in para objetos y forEach como un método de arrays.

Damian Castellini

student•

Ejemplo clásico de uso de do-while:

-Menu con opciones

Gonzalo Tomas Orlando

student•

let diaDeLaSemana = ["lunes", "martes", "miercoles", "jueves", "viernes", "sabado", "domingo"]
let i = 0

function escribirDiaDeLaSemana() {
do {
    console.log(diaDeLaSemana[i])
    i++
} while (i < diaDeLaSemana.length)
}

escribirDiaDeLaSemana()

David Elias Gatica Morales

student•

Una forma de entender el caso de uso:

Supongamos que tenemos la condición contador es mayor que 10 y contador inicialmente es 0

Caso While Do (While simplemente): por supuesto esto ni siquiera entrará a la ejecución entonces no regresara nada en la consola.

let contador = 0;
 while (contador > 10) {
    console.log('Contador:', contador)
    contador = contador + 1  //contador++
 }
```Caso Do While: aquí incluso si es falso la primera vez, obtendremos un cero (la primera iteración) porque primero se ejecuta el bloque de código y después la condición

```js
let contador = 0;
do {
    console.log(contador)
    contador++
} while (contador > 10)

David Elias Gatica Morales

student•

Una forma de entender el caso de uso:

Supongamos que tenemos la condición contador es mayor que 10; y contador inicialmente es 0

Caso While Do (While simplemente): por supuesto esto ni siquiera entrara a la ejecución entonces no regresara nada en la consola.

// Con un While (While Do)
let contador = 0;
 while (contador > 10) {
    console.log('Contador:', contador)
    contador = contador + 1  //contador++
 }
```Caso Do While: aquí incluso si es falso la primera vez, obtendremos un cero (la primera iteración) porque primero se ejecuta el bloque de código y después la condición



```js
let contador = 0;
do {
    console.log(contador)
    contador++
} while (contador > 10)