JavaScript While Loop

JavaScript While Loop

Contenido original de W3Schools


El bucle while recorre un bloque de código siempre que una condición especificada sea verdadera.


Los bucles pueden ejecutar un bloque de código siempre que una condición especificada sea verdadera.


El bucle while

El bucle while recorre un bloque de código siempre que una condición especificada sea verdadera

Sintaxis:

while (condition) {
  // bloque de código a ejecutar
}

En el siguiente ejemplo, el código del bucle se ejecutará una y otra vez, siempre que una variable (i) sea menor que 10:

Ejemplo:

while (i < 10) {
  text += "The number is " + i;
  i++;
}

Ver ejemplo

Si olvidas incrementar la variable utilizada en la condición, el ciclo nunca terminará. Esto bloqueará su navegador.


El bucle do while

El bucle do while es una variante del bucle while. Este bucle ejecutará el bloque de código una vez, antes de verificar si la condición es verdadera, luego repetirá el bucle mientras la condición sea verdadera.

Sintaxis

do {
  // bloque de código a ejecutar
}
while (condition);

El siguiente ejemplo utiliza un bucle do while. El bucle siempre se ejecutará al menos una vez, incluso si la condición es falsa, porque el bloque de código se ejecuta antes de que se pruebe la condición:

Ejemplo:

do {
  text += "The number is " + i;
  i++;
}
while (i < 10);

Ver ejemplo

No olvides incrementar la variable utilizada en la condición, sino el ciclo nunca terminará. Esto bloqueará su navegador.


Comparando for y while

Si has leído el capítulo anterior sobre el bucle for, descubrirás que un bucle while es muy parecido a un bucle for, con las instrucciones 1 y 3 omitidas.

El bucle en este ejemplo, utiliza un bucle for para recopilar los nombres de los autos de la matriz cars:

Ejemplo:

const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";

for (;cars[i];) {
  text += cars[i];
  i++;
}

Ver ejemplo

El bucle en este ejemplo, utiliza un bucle while para recopilar los nombres de los autos de la matriz cars:

Ejemplo:

const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";

while (cars[i]) {
  text += cars[i];
  i++;
}

Ver ejemplo


W3Schools es el sitio de desarrolladores web más grande del mundo.

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!