Declaración while en JavaScript

Definición y uso

La declaración while crea un ciclo que se ejecuta mientras la condición especificada sea verdadera

El ciclo continuará ejecutándose mientras la condición sea verdadera. Solo se detendrá cuando la condición se convierta en falsa.

JavaScript admite diferentes tipos de bucles:

  • for - Ejecuta un bloque de código múltiples veces
  • for/in - Itera sobre las propiedades de un objeto
  • for/of - Itera sobre los valores de un objeto iterable
  • while - Ejecuta un bloque de código mientras la condición especificada sea verdadera
  • do/while - Ejecuta un bloque de código una vez y luego repite el ciclo mientras la condición especificada sea verdadera

Consejo：Use la sentencia break para salir del bucle, y la sentencia continue para saltar algún valor dentro del bucle.

Ejemplo

El código del bucle se repetirá mientras la variable (i) sea menor que 5：

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>El número es " + i;
  i++;
}

Prueba por tu cuenta

En la parte inferior de la página hay más ejemplos de TIY.

Sintaxis

while (condition) {
  bloque de código a ser ejecutado
}

Valores de los parámetros

Parámetros Descripción
condition

Obligatorio. Define la condición para ejecutar el bucle (bloque de código). Si devuelve true, el bucle se reinicia, si devuelve false, el bucle termina.

Notas：Si la condición siempre es verdadera, el bucle nunca terminará. Esto podría hacer que su navegador se caiga.

Notas：Si usa una variable con condición, inicialícela antes del bucle y aumente en el bucle. Si olvida aumentar la variable, el bucle nunca terminará. Esto también podría hacer que su navegador se caiga.

Detalles técnicos

Versión de JavaScript： ECMAScript 1

Más ejemplos

Ejemplo

El bucle recorre los índices del array, recopilando nombres de autos del array cars：

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i = 0;
while (i < cars.length) {
  text += cars[i] + "<br>";
  i++;
}

Explicación del ejemplo：

  1. Primero, configuramos una variable antes de que comience el bucle (var i = 0;)
  2. Luego, definimos la condición de ejecución del bucle. Mientras la variable sea menor que la longitud del array (es decir, 4)，el bucle continuará
  3. Cada vez que se ejecuta el bucle, se incrementa la variable (i++)
  4. Una vez que la variable ya no es menor que 4 (la longitud del array)，la condición es falsa y el bucle termina

Prueba por tu cuenta

Ejemplo

Recorrer el índice del array hacia atrás：

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len = cars.length;
while (len--) {
  text += cars[len] + "<br>";
}

Prueba por tu cuenta

Ejemplo

Uso de la sentencia break - Bucle de código, pero sale del bucle cuando el valor de la variable i es "3":

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>El número es " + i;
  i++;
  if (i == 3) {
    break;
  }
}

Prueba por tu cuenta

Ejemplo

Uso de la sentencia continue - Bucle de código, pero salta el valor "3":

var text = "";
var i = 0;
while (i < 5) {
  i++;
  if (i == 3) {
    continue;
  }
text += "<br>El número es " + i;
}

Prueba por tu cuenta

Compatibilidad del navegador

Sentencia Chrome IE Firefox Safari Opera
while Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

Tutorial de JavaScript：Bucle While de JavaScript

Manual de referencia de JavaScript:Sentencia do ... while de JavaScript

Manual de referencia de JavaScript:Sentencia for de JavaScript

Manual de referencia de JavaScript:Sentencia break de JavaScript

Manual de referencia de JavaScript:Sentencia continue de JavaScript