Diferencia entre foreach y para bucle en JavaScript

Los bucles se utilizan para ejecutar un conjunto de instrucciones varias veces. Es útil reducir el esfuerzo de crear el código muchas veces. El en bucle es una estructura de repetición básica que itera a/múltiples declaración (s). Se refiere al número de veces para ejecutar las declaraciones verificando la condición. Mientras para cada Loop itera a través de elementos de la matriz.Esta publicación proporciona un trabajo detallado y uso de y foreach bucles en JavaScript. El propósito es proporcionar una diferencia integral entre ambos bucles.

Diferencia entre el bucle for y foreach en JavaScript?

El para cada El método se utiliza principalmente para ejecutar el código en función de los elementos del formación, mapas, o sets. Tiene la propiedad de acceder tanto al índice como al valor de cada elemento. Se necesita tiempo para ejecutar el código debido a la llamada del método.

Mientras que la en bucle es el bucle más básico y versátil en Javascript. Representa el número de veces para ejecutar la condición. La siguiente tabla representa el funcionamiento del bucle for bucle y foreach en JavaScript.

en bucle	bucle foreach
Tipo genérico de bucle y se puede usar en una variedad de escenarios.	Se aplica principalmente en matrices, mapas y conjuntos.
Útil para iterar rápidamente la colección de artículos.	Útil para iterar el subconjunto de elementos.
La sintaxis es más fácil y más rápida.	El formato de sintaxis es un poco complejo.
No proporciona una instalación para la modificación durante la iteración.	El usuario modifica los elementos según los requisitos.
El usuario puede utilizar la declaración de descanso para romper.	No puede proporcionar una instalación para romper la declaración debido al método de devolución de llamada.

Sintaxis del bucle foreach en JavaScript

formación.foreach (function (Currval, index, array)
// Ejecutar la pieza de código
);

Los parámetros que se utilizan en la sintaxis anterior se enumeran a continuación:

• función (curval, índice, matriz): La función que se ejecuta en cada elemento.
• Currval: Valor actual de la matriz.
• Índice: Índice actual del elemento.
• Formación: La variedad de elementos actuales.

Sintaxis del bucle for javaScript

para (inicializador; condición; contador)

// Ejecutar la pieza de código

En el en bucle, Se especifican tres condiciones:

• inicializador: inicializa la variable con un valor.
• condición: especifica la condición para ejecutar el código.
• encimera: Especifique el control de flujo de un bucle usando operaciones aritméticas.

¿Cómo funciona Foreach Loop en JavaScript??

Un ejemplo se da a continuación utilizando el para cada método en Javascript.

Código

// se da un ejemplo para usar el método foreach en JavaScript
dejar matriz = [1, 2, 3, 4, 5, 6, 7, 8]; // especificar una matriz de números
// operación para el cuadrado de cada número
Dejar rtnValue = Array.foreach (val =>
consola.log ('$ val x $ val = $ val * val'));

La descripción del Javascript El código se proporciona a continuación:

• Un formación Se inicializa la variable.
• El para cada El método se utiliza para acceder a los elementos de la matriz.
• Dentro del bucle foreach, cada valor de matriz se está cuadrado (multiplicando el elemento de matriz por sí mismo).
• Finalmente, la salida se muestra en la consola.

Producción

La salida muestra el cuadrado de los ocho elementos de la matriz en la consola.

¿Cómo funciona el bucle en JavaScript??

Se proporciona un ejemplo que demuestra el concepto de la en bucle en JavaScript.

Código

// se da un ejemplo para usar el bucle for javaScript
varilla var = [1,2,3,4];
consola.registrar ('usando para bucle en javaScript');
para (var i = 0; i < array.length; i++)

consola.log (matriz [i]);

La descripción del código se enumera a continuación:

• Se define una matriz que contiene cuatro elementos.
• Después de eso, el en bucle se ejecuta en los elementos de la matriz para imprimirlos.
• En segundo lugar, se coloca una condición que ejecute el código proporcionado por el formación.longitud.
• Por último, el i++ El operador de incremento se utiliza para aumentar el valor del yo variable por uno.

Producción

La salida muestra que el en bucle Ejecuta las declaraciones cuatro veces (ya que el número de elementos es cuatro en la matriz).

Conclusión

Principalmente, ambos son los tipos de bucle utilizados para iterar sobre el número de colecciones. El para cada El método se utiliza para ejecutar el código para cada elemento que se encuentra en la matriz. Por otro lado, el en bucle es fácil de usar y repite el código especificado por el usuario. El en bucle consume menos tiempo de ejecución y es útil para resolver problemas complejos. Has aprendido los puntos importantes entre el bucle for y foreach utilizando el Javascript. Para una mejor comprensión, también hemos proporcionado ejemplos de cada tipo de bucle.