Un bucle consiste en hacer una cosa repetidamente En el proceso de escribir código, a menudo nos encontramos con algunas operaciones que deben realizarse repetidamente, como atravesar algunos datos, generar repetidamente una determinada cadena, etc. Sería demasiado problemático escribir una línea. por línea., para este tipo de operación repetida, debemos optar por utilizar un bucle para completarla.
El propósito de un bucle es ejecutar repetidamente un determinado fragmento de código. El uso de bucles puede reducir la presión de la programación, evitar la redundancia de código, mejorar la eficiencia del desarrollo y facilitar el mantenimiento posterior. El bucle while es la declaración de bucle más simple proporcionada en JavaScript. Aprendamos sobre el uso de los bucles while y do- while.
La instrucción de bucle while es un当型instrucción de bucle. Cuando se juzga la condición del bucle, se ejecuta el cuerpo del bucle.
Función: Repetir una operación hasta que no se cumpla la condición especificada.
Características: Primero juzgue la expresión y ejecute la declaración correspondiente cuando el resultado de la expresión sea verdadero.
1. Sintaxis del bucle while de JS
while (expresión) { // La expresión es la condición del bucle // Código a ejecutar} Análisis de declaración:
primero calcule el valor de "expresión", cuando el valor sea verdadero, ejecute "PHP" en el bucle bloque de declaración del cuerpo";
Descripción: El resultado del cálculo de la "expresión" es de tipo booleano (VERDADERO o FALSO). Si es un valor de otros tipos, se convertirá automáticamente a un valor de tipo booleano (porque PHP es un lenguaje débil tipo y se convertirá de acuerdo con el valor de la variable, convirtiendo automáticamente la variable al tipo de datos correcto).
Un "bloque de declaraciones" es una colección de una o más declaraciones rodeadas por
{ }; si solo hay una declaración en el bloque de declaraciones,{ }también se puede omitir.
Una vez completada la ejecución, regrese a la expresión y calcule el valor de la expresión nuevamente para juzgar. Cuando el valor de la expresión sea verdadero, continúe ejecutando el "bloque de declaración"... Este proceso se repetirá
hasta alcanzar el valor de la expresión. es falso antes de saltar del bucle, ejecute la siguiente instrucción while.
El diagrama de flujo de la declaración while es el siguiente:
Normalmente, "expresión" es un valor calculado utilizando operadores de comparación u operadores lógicos.
El código de ejemplo es el siguiente:
<script>.
var i = 1;
mientras(yo <= 5) {
documento.write(i+", ");
yo ++;
}
</script> 
Nota:
Al escribir una declaración de bucle, debe asegurarse de que el resultado de la expresión condicional pueda ser falso (es decir, el valor booleano falso), porque mientras el resultado de la expresión sea verdadero, el bucle continuará y no detenerse automáticamente Para este tipo de falla Un bucle que se detiene automáticamente generalmente se denomina "bucle infinito" o "bucle infinito".
Si crea accidentalmente un bucle infinito, puede provocar que el navegador o la computadora se congelen.
Si la expresión siempre es verdadera y la condición del bucle siempre es verdadera, el bucle while continuará ejecutándose y nunca terminará, convirtiéndose en un "bucle infinito"
var i = 1;
mientras(yo){
consola.log(i);
} Después de ejecutar el programa, el valor de la variable i se generará hasta que el usuario fuerce su cierre.
Ejemplo de bucle while de JS
[Ejemplo 1] Utilice el bucle while para calcular la suma de todos los números enteros entre 1 y 100:
<script>
var i = 1;
var suma=0;
mientras(yo<=100){
suma+=yo;
yo ++;
}
console.log("El valor de 1 sumado a 100 es: "+suma);
</script> Resultados de salida:
[Ejemplo 2] Encuentre todos los años bisiestos entre 1900 y 2020 y genere 6 por línea:
<script>
var i = 1900;
var count = 0; //Cuenta el número de años bisiestos while (i <= 2020) {
//Determina si es un año bisiesto if (i % 4 == 0 && i % 100 != 0 || i % 400 == 0) {
documento.write(i + " ");
contar++;
si (cuenta % 6 == 0) {
documento.write("<br/>");
}
}
yo ++;
}
</script> 
2. La estructura anidada del bucle while de JS
también puede lograr el efecto de anidamiento, es decir, uno o más bucles while están anidados dentro del bucle while.
Formato de sintaxis:
while(condición 1){
// Código ejecutado cuando la condición 1 es verdadera while(condición 2){
// Código ejecutado cuando la condición 2 es verdadera...
}
} Resumen: Anidamiento significa inclusión. El llamado anidamiento de bucle while es un while anidado dentro de un tiempo. Cada while es la misma que la sintaxis básica anterior.
Aquí definimos el anidamiento de dos bucles while. Por supuesto, podemos anidar tantos bucles while como queramos.
Comprenda el proceso de ejecución del bucle while.
Una vez completada la ejecución del bucle interno, se ejecuta el juicio de condición del siguiente bucle externo.
Ejemplo 1: utilizando bucles anidados, imprimir contador
<script type="text/javascript">
var i = 0;
mientras(yo < 2){
console.log("i =", i);
var j = 0;
mientras(j < 2){
console.log("tj =", j);
j+= 1;
}
yo ++;
}
console.log("Final");
</script> 
Primero, definimos un nido de bucle while más externo. La variable de contador i comienza desde 0 y la condición final es i <2. Cada vez que se ejecuta el bucle, el valor de i aumentará en 1 y el valor actual de i. se imprimirá.
Dentro del bucle más externo, también se define un bucle interno. La variable de contador j comienza desde 0 y la condición final es i <2. Cada vez que se ejecuta el bucle, el valor de j aumenta en 1 y el valor actual de. j está impreso.
Resumen del anidamiento de bucles while
El bucle while de JavaScript también puede lograr un efecto anidado, es decir, uno o más bucles while están anidados dentro de un bucle while.
Ejemplo 2:
<guión>
/*
1. Imprime nuera 3 veces seguidas, me equivoqué 2. Lavar los platos 3. Lo anterior es un conjunto de castigos, este conjunto de castigos se repite durante 3 días - se debe repetir un conjunto de castigos - ponlo en un bucle while */
var j = 0
mientras(j < 3){
var i = 0
mientras(yo < 3){
document.write('Nuera, me equivoqué<br>')
yo += 1;
}
document.write('lavar platos<br>')
document.write('¡¡¡¡Se acabó una serie de castigos!!!!!!!!!!!!<br>')
j+= 1;
}
</script> 
Además del bucle while, también existe un bucle do- while.
La instrucción de bucle do- while es una instrucción de bucle "直到型". Primero ejecuta el "bloque de instrucciones" en el cuerpo del bucle una vez y luego juzga la condición del bucle. Si es verdadera, continuará en bucle. , , el bucle finaliza.
Por lo tanto: independientemente del resultado de la expresión, la instrucción del bucle do- while ejecutará el "bloque de instrucciones" al menos una vez.
Las características de la declaración de bucle do- while: primero ejecute el cuerpo del bucle y luego determine si la condición del bucle es verdadera.
1. Sintaxis del bucle JS do- while
do {
bloque de declaración;
} while(expresión);//La expresión se analiza como una declaración condicional de bucle:
Primero ejecute el "bloque de declaración" en el cuerpo del bucle una vez y luego determine el valor de la "expresión". Cuando el valor de la "expresión" sea verdadero, vuelva a ejecutar el bloque de declaración en el cuerpo del bucle... Este proceso se repetirá
hasta que la expresión Cuando el valor de la fórmula sea falso, salte del bucle. En este momento, el bucle finaliza y se ejecutan las declaraciones posteriores.
Nota:
Al igual que el bucle while, el resultado del cálculo de la "expresión" en el bucle do- while debe ser booleano VERDADERO o FALSO. Si es un valor de otro tipo, se convertirá automáticamente a un valor booleano.
El punto y coma al final de la declaración do- while no se puede omitir (debe estar presente) ; Es parte de la sintaxis del bucle do while.
El diagrama de flujo de la instrucción del bucle do- while es el siguiente:
Ejemplo de bucle do- while de JS
[Ejemplo 1] Utilice do- while para generar los números del 1 al 5:
<script>
var i = 1;
hacer {
documento.write(i+", ");
yo ++;
}mientras(yo <= 5);
</script> 
[Ejemplo 2] Utilice un bucle while para calcular la suma de todos los números enteros entre 1 y 100:
<script>
var i = 1;
var suma=0;
hacer{
suma+=i;
yo ++;
}mientras(yo<=100);
console.log("1 + 2 + 3 + ... + 98 + 99 + 100 = "+suma);
</script> 
[Ejemplo 3] Encuentre todos los años bisiestos entre 1900 y 2020
<script>
var i = 1900;
var count = 0; //Cuenta el número de años bisiestos do {
//Determina si es un año bisiesto if (i % 4 == 0 && i % 100 != 0 || i % 400 == 0) {
consola.log(i);
}
yo ++;
}mientras (i <= 2020);
</script> 
2. La estructura anidada del bucle do- while de JS
el bucle do while también puede lograr el efecto de anidamiento, es decir, uno o más bucles do while están anidados dentro del bucle do while. Esta forma de escribir es similar al anidamiento de bucles while.
Sintaxis:
hacer{
// Bloque de declaración 1;
hacer{
// Bloque de declaración 2;
hacer{
// Bloque de declaración 2;
...
}mientras(condición 3);
}mientras(condición 2);
} while(Condición 1); Aquí, hemos definido tres nidos de bucles do while. Por supuesto, podemos anidar tantos bucles do while como queramos.
Caso: use anidamiento de bucles para imprimir el contador
<script type="text/javascript">
var i = 0;
hacer{
console.log("i =", i);
var j = 0;
hacer{
console.log("tj =", j);
j+= 1;
}mientras(j < 2);
yo ++;
}mientras(i < 2);
console.log("Final");
</script> 
Primero, definimos un nido de bucle do while más externo. La variable de contador i comienza desde 0 y la condición final es i < 2. Cada vez que se ejecuta el bucle, el valor de i aumentará en 1 y el valor actual de. seré impreso.
Dentro del bucle más externo, también se define un bucle interno. La variable de contador j comienza desde 0 y la condición final es i <2. Cada vez que se ejecuta el bucle, el valor de j aumenta en 1 y el valor actual de. j está impreso.
Resumen del anidamiento de bucles do while
El bucle do while de JavaScript también puede lograr un efecto anidado, es decir, uno o más bucles do while están anidados dentro de un bucle do while.
[Aprendizaje recomendado: tutorial avanzado de JavaScript]
Lo anterior es el contenido detallado del aprendizaje del bucle JS: el uso de declaraciones de bucle while (ejemplos detallados). Para obtener más información, preste atención a otros artículos relacionados en el sitio web chino de PHP.
