JavaScript Loops una guía para principiantes absolutos
Todos los lenguajes de programación de alto nivel proporcionan varios tipos diferentes de bucles. La sintaxis de estos bucles puede ser diferente, pero se usan para realizar las mismas tareas. Estos bucles son intercambiables, pero algunos están construidos específicamente para ser utilizados en algunas condiciones específicas.
Los bucles más populares presentes en la mayoría de los lenguajes de programación son para y mientras bucles; Aquí los discutiremos junto con sus extensiones que están presentes en JavaScript:
Cómo usar el bucle for javaScript
El bucle más simple y comúnmente utilizado en JavaScript es el para bucle; para Se prefieren los bucles sobre otros bucles cuando el programador conoce el número definitivo de veces que se ejecutará el bucle.
Echemos un vistazo a la sintaxis del para bucle para entender por qué:
para (inicialización; condición; modificación variable)// Las declaraciones de código se ejecutarán
El para Loop toma tres argumentos, inicialización, condición y modificación de variables:
- El primer argumento yo.mi. inicialización se ejecuta solo una vez antes de la ejecución del bucle; Inicializa una variable que se usa en la condición para el bucle.
- El segundo argumento yo.mi. condición se evalúa antes de cada iteración; El bucle termina cuando esta condición está satisfecha.
- El tercer y el último argumento modificación variable se usa para modificar el valor de la variable utilizada en la condición después de cada iteración del bucle.
Los argumentos del para bucles especifican el número definitivo de iteraciones que va a ejecutar. Especifican el punto de partida (inicialización) y el punto de finalización (condición) del bucle. Aunque todos los argumentos son opcionales (el para El bucle se ejecutará incluso si no especifica la condición), sin embargo, no se recomienda dejar vacío el argumento de la condición, ya que creará un bucle infinito que puede bloquear su navegador.
Ahora intentemos un ejemplo para comprender mejor para bucle:
Nota: La consola del navegador se utiliza para la demostración de ejemplos en este artículo.
En este ejemplo contaremos de 10 a 1 usando un para bucle:
para (dejar index = 10; index> = 1; index--)consola.log (índice);
En el ejemplo anterior:
- Índice se inicializa a 10
- Luego se verifica la condición, desde el índice es mayor o igual a 1 condición es verdadera el bucle se ejecuta y el valor del índice se imprime en la consola
- Después de la primera iteración el índice La variable es disminuida por uno. El - El operador reduce el valor del índice por uno.
- Luego se verifica nuevamente la condición; Como la condición aún es verdadera, el bucle se ejecuta nuevamente.
Este proceso sigue recurriendo mientras la condición para el bucle permanezca verdadera. Cuando el valor del índice Recheas 0, la condición mayor o igual a 1 ya no es verdadera y el bucle termina.
Podemos realizar cualquier operación en la variable en el último argumento del para Declaración de bucle:
para (dejar índice = 2; índice < 500; index*=2)consola.log (índice);
Cómo usar While Loop en JavaScript
Mientras Los bucles solo toman un argumento que es la condición para el bucle:
Se usan principalmente cuando el código tiene que ejecutar un número desconocido de veces hasta que la condición esté satisfecha:
while (condición)// Declaraciones
Echemos un vistazo a un ejemplo en el que generaremos un número aleatorio usando el Matemáticas.aleatorio() método dentro del bucle; El bucle seguirá funcionando hasta el Matemáticas.aleatorio() El método produce un número impar:
runloopagain = true;while (runloopagain)
num = matemáticas.aleatorio().tofixed (1)*10;
if (num % 2 != 0)
runloopagain = falso;
consola.log (num);
En el ejemplo anterior, primero declaramos un booleano nombrado tloopaga y lo asigné un valor i.e verdad. El bucle While evalúa la condición antes de la ejecución del bucle; Como la variable tloopaga es la condición del bucle y es verdadero el bucle mientras se ejecuta. Dentro del cuerpo del mientras bucle hemos usado el aleatorio método del Matemáticas objeto junto con el .tofijo método para obtener un número aleatorio entre cero y nueve. Luego hemos usado una declaración condicional para verificar si el número es divisible por dos (para verificar si es uniforme o impario). Si el número es impar, entonces el tloopaga La variable se volverá falsa y el bucle terminará de otra manera la variable/condición seguirá siendo verdadera y el bucle seguirá funcionando.
Las tareas que realizamos en los ejemplos anteriores utilizando el para El bucle también se puede realizar con mientras bucle:
Sea i = 10;while (i> = 1)
consola.log (i);
i--;
Sea i = 2;
mientras yo < 500)
consola.log (i);
i*= 2;
Cómo usar la instrucción Break en While Loop
Las declaraciones de descanso se pueden usar dentro del cuerpo del bucle para terminar el bucle. Veamos un ejemplo:
Sea i = 2;mientras yo < 20)
if (i % 5 == 0)
romper;
consola.log (i);
i+= 2;
En este ejemplo he usado un mientras Luce para imprimir cada número uniforme que sea inferior a 21, pero solo obtengo números pares de menos de 9; porqué es eso? Esto se debe a que he usado una instrucción de descanso que termina el bucle si el número par es un múltiplo de 5. Podemos usar la declaración de descanso para tener diferentes condiciones para la terminación de un mientras bucle dentro del cuerpo del bucle:
Cómo usar la instrucción continuar en while loop
La declaración continua se usa para omitir una iteración y pasar al siguiente mientras bucle. Por ejemplo, si queremos omitir el número que es un múltiplo de 5 en lugar de simplemente terminar el bucle en el ejemplo anterior, entonces usaremos la instrucción continua:
Sea i = 2;mientras yo < 21)
if (i % 5 == 0)
i+= 2;
continuar;
consola.log (i);
i+= 2;
Como puedes ver que 5, 10 y 20 faltan porque son múltiplos de 5 y son números pares.
Cómo usar el bucle do while en javaScript
El bucle DO while se construye en la parte superior del bucle while, lo que significa que es una extensión del bucle while.
En el bucle, la condición se evalúa antes de la ejecución del cuerpo del bucle, mientras que el bucle do while hace lo contrario y lo verifica después de la ejecución del cuerpo del bucle.
runloopagain = true;while (runloopagain)
num = matemáticas.aleatorio().tofixed (1)*10;
if (num % 2 != 0)
runloopagain = falso;
consola.log (num);
En este ejemplo dado anteriormente, tuvimos que declarar e inicializar el tloopaga variable antes del cuerpo del bucle porque el mientras El bucle evalúa la condición antes de la iteración.
El hacer mientras El bucle verifica la condición después de cada iteración, por lo que si estamos seguros de que queremos ejecutar el código presente dentro del bucle al menos una vez, entonces usamos el hacer mientras bucle. Como estamos seguros en este ejemplo de que al menos tenemos que generar un número aleatorio antes de verificar si es uniforme o extraño, una mejor manera de escribirlo sería:
hacernum = matemáticas.aleatorio().tofixed (1)*10;
consola.log (num);
while (num % 2 == 0);
Cómo usar los bucles para y para y foreach en JavaScript
El porque en, por y para cada Los bucles en JavaScript son una extensión del para bucle. Aquí los discutiremos todos; El porque en El bucle se usa para iterar sobre las propiedades de un objeto. Cada iteración del porque en El bucle devuelve una clave que se puede usar para acceder al valor de la clave:
Var Empleado = FirstName: "Mary", LastName: "Jane", Age: 33, Id: 092, Departamento: "Educación";para (dejar P en el empleado)
consola.log (p);
consola.log (empleado [p]);
Si el bucle for in se aplica a una matriz, devuelve el índice de cada elemento. Si queremos obtener el valor presente en cada índice, entonces podemos usar el por bucle.
var num = [5, 6, 7, 8, 9];para (deja d de num)
consola.log (d);
El por El bucle se usa para recorrer objetos iterables, como matrices, mapas, cuerdas, etc. Si usamos el por bucle en una cadena y luego devuelve un carácter de la cadena cada iteración:
var greet = "Bienvenido a Linux Sugerencia!";para (deja C de Greet)
consola.log (c);
El .para cada() El bucle se usa para realizar una acción específica en cada elemento de la matriz; Se dispara a través de elementos de la matriz y llama a una función una vez para cada elemento.
El .para cada() Loop toma una función de devolución de llamada como un argumento que toma tres argumentos, dos de los cuales son opcionales; El único argumento requerido es el valor del elemento actual. El índice del elemento y toda la matriz en sí también se pueden dar como argumentos a la función de devolución de llamada también. Ahora veremos un ejemplo en el que hemos usado el .para cada() bucle para multiplicar cada elemento de la matriz por dos e imprimirlo en la consola:
números var = [99, 85, 788, 2, 255, 598];números.foreach (función (valor)
consola.log (valor + " * 2 =" + valor * 2);
)
Conclusión
Los bucles son declaraciones de flujo de control que se utilizan para reducir la ineficiencia del código y escribir un código más conciso. Son una de las partes más fundamentales de cualquier lenguaje de programación de alto nivel importante. En esta publicación aprendimos todo sobre bucles en JavaScript; Usamos la sintaxis de JavaScript para aprender sobre para y mientras bucles junto con sus extensiones. Además, la declaración de descanso y continuar para mientras también se discutieron bucles.