Para, para ... de, y para ... en bucles en JavaScript | Explicado
Para bucle en JavaScript
El bucle más común y más utilizado en JavaScript y probablemente en todos los demás lenguajes de programación también es el Para bucle. Como ya hemos explicado, estos bucles se usan para ejecutar o invocar repetidamente un trozo de código hasta que se cumplan una condición específica. Esta condición se pasa dentro del segundo parámetro del En bucle. Porque el bucle se usa comúnmente cuando tenemos una estimación aproximada de cuántas veces se ejecutará el bucle. Basado en que establecemos nuestra condición.
Sintaxis de For Loop
para (inicialize-variable; condición-to-be-met; final-expresión)// Cuerpo del bucle para
- Inicialize-variable: Inicializar una variable en el primer parámetro.
- Condición-to-bet: Definir una condición en la que el bucle iterará.
- Expresión final: Tarea para realizar al final de la iteración de Loop
Nota: Los parámetros del bucle for se separan por un semi-colon "; "Y son todos opcionales en JavaScript.
Ejemplo: Tomemos un ejemplo en el que necesitamos imprimir los primeros 10 dígitos a partir de uno. Si lo hacemos sin un bucle, nuestro código se verá como:
consola.log (1);consola.log (2);
consola.log (3);
consola.log (4);
consola.log (5);
consola.log (6);
consola.log (7);
consola.log (8);
consola.log (9);
consola.log (10);
La salida:
La salida es exactamente lo que queríamos, pero no es una forma eficiente de hacerlo. Intentemos usar el bucle for para resolver el mismo problema. El código es como:
para (deja i = 0; yo <=10 ; i ++)consola.log (i)
La salida es exactamente la misma:
Si repasamos el código, creamos una variable de contador de bloques "I" y lo inicializamos con un valor entero 0. En el segundo parámetro, establecemos una condición que queremos ejecutar hasta que la variable de contador alcance el valor 10, y en el último parámetro, establecemos una expresión final para aumentar esta variable de contador por 1 cada vez que el bucle alcanza el final de cada uno iteración.
Cómo trabajar con matrices usando para bucle
Los bucles también se pueden usar para iterar a través de matrices y su valor, para demostrar que necesitaremos una matriz. Cree una matriz de números con la siguiente declaración:
matriz = [1,5,88,24,25,137,37,28,173,222];Usemos el acceso al bucle cada elemento dentro de esta matriz e imprima su valor utilizando las siguientes afirmaciones:
para (i = 0; i < array.length ; i++)consola.log (matriz [i]);
La salida es:
Nota: Usamos la condición, yo < array.length because the index of the last element in the array, will always be one less than the length of the array and that is because in arrays the index starts from zero
Incluso podemos usar el bucle for para atravesar la matriz de la última a la primera usando el código:
para (deja i = matriz.longitud-1; i> = 0; i--)consola.log (matriz [i]);
Inicializamos la variable de contador con un valor menos que la longitud de esa matriz para acceder al último elemento de la matriz, y comenzamos a reducir la variable de contador por 1 en cada iteración. La salida es:
El bucle para javascript
El bucle para el bucle se usa para iterar sobre objetos iterables, estos objetos pueden ser matrices, conjuntos, objetos e incluso cadenas. El para ... de bucle devuelve el valor de los elementos de los objetos iterables:
Sintaxis del bucle para el bucle
para (elemento de matriz)// cuerpo del bucle
- elemento: es el nombre de la variable que vamos a dar a cada elemento en la matriz.
- formación: es la matriz por la que estamos atravesando
Para comprender mejor el funcionamiento del bucle para el bucle, tomemos una matriz de valores de variables:
array = [1,4,56, "efectivo", "auto", 63, 69, "Google", "luna", "mercurio"];Ahora, use el bucle para iterar a través de los elementos utilizando las siguientes líneas de código:
para (elem of array)consola.log (elem);
La salida es:
Hemos atravesado a través de los elementos de la matriz utilizando el para ... de bucle.
Bucle a través de una cadena utilizando el bucle para
Podemos usar el bucle de para pasar por cada carácter de un valor de cadena. Para eso, creemos una variable de cadena utilizando la siguiente declaración en JavaScript.
Var oración = "Bienvenido a Linuxhint!";Ahora, itere a través de cada carácter de esta variable usando los comandos:
para (char de oración)consola.log (char);
Obtenemos la siguiente salida en nuestra consola:
Como puede ver, con la ayuda del bucle para el bucle, pudimos acceder a cada carácter individual desde una cadena.
El bucle de entrada:
El bucle for-In se usa para iterar sobre las propiedades de los elementos dentro de los objetos iterables, para comprender esto de una manera mucho mejor, creamos un objeto que contiene pares de valor clave utilizando las siguientes afirmaciones:
constt Person = FirstName: "John", LastName: "Doe", Age: 22, City: "Newyork";Imprima los valores de "clave" de este objeto usando el para ... en ... bucle a través de estas declaraciones:
para (accesorios en persona)consola.log (accesorios);
La salida es:
Como puede ver, el bucle for-in accesas los nombres de las propiedades de los elementos.
Conclusión
El en bucle es el bucle más utilizado; JavaScript viene con su variación de For Loop, el bucle de entrada, y el para el bucle. Aprendimos sobre la sintaxis y el funcionamiento del para bucles. Después de eso, aprendimos sobre el por dentro y el para bucle y cómo funcionan y qué devuelven junto con sus ejemplos, e incluso aprendimos la diferencia entre las dos variantes.