Diferencia entre foreach y map bucle en JavaScript
Esta publicación describe los métodos map () y foeach () en detalle para diferenciar estos métodos en JavaScript.
¿Cómo funciona el método foreach () en JavaScript??
El para cada() Se emplea el método para realizar alguna operación en los elementos de la matriz. Le permite ejecutar un método de devolución de llamada. El para cada() El tipo de retorno del método no está definido, ya que depende totalmente de la funcionalidad de la función de devolución de llamada.
Es una forma más nueva de escribir menos código que itera sobre una matriz. La sintaxis del método foreach () se proporciona a continuación:
Sintaxis
formación.foreach (función (elemento, índice, matriz), thisval)La descripción de la sintaxis es la siguiente:
- función (elemento, índice, matriz): ¿Es una función requerida para iterar sobre los elementos de la matriz?.
- elemento: Especifica el elemento de matriz existente.
- índice: Representa el índice del elemento existente.
- formación: Especifica el nombre de la matriz a la que elemento pertenece a.
- thisval: representa este valor de la función.
Ejemplo
El siguiente código de ejemplo se adapta para discutir el uso del para cada() Método en JavaScript.
Código
Un ejemplo de uso del foreach ()
La descripción del código es la siguiente:
- Se crea una etiqueta que se usará para mostrar la matriz.
- Después de eso, una matriz a se inicializa con seis elementos de 10 a 15.
- Además, el para cada() El método se utiliza para iterar sobre los elementos de la matriz .
- La propiedad inntaxt recuperará todo el contenido del elemento 'div'.
- La propiedad AppendChild se utiliza para agregar los elementos infantiles al elemento que tiene ID "ID1".
Producción
Se observa que los elementos de la matriz se imprimen en la ventana del navegador.
¿Cómo funciona el método map () en JavaScript??
El método map () devuelve elementos transformados en una nueva matriz aplicando la función de devolución de llamada a cada elemento de la matriz. El método es inmutable y puede cambiar/alternar los datos. Es más rápido en comparación con el método foreach (). Proporciona características encadenables; Los usuarios pueden asociar los métodos sort (), filtrar () y reducir () después de aplicar MAP () a las matrices. Además, devuelve el mismo tamaño que la matriz existente.
La sintaxis se da a continuación.
Sintaxis
formación.MAP (función (elemento, índice, matriz), thisval)La descripción de los parámetros es la siguiente:
- función (elemento, índice, matriz): denota la función que se aplicará en cada elemento de matriz.
- elemento: especificar el elemento actual de la matriz
- índice: representar el índice del elemento actual
- formación: Especifique el nombre de la matriz para el método de devolución de llamada
- thisval: muestra el valor actual de la función.
Código
consola.Log ('Un ejemplo de usar el map ()')const num = [10, 9, 8, 7, 6]
consola.registro (num.mapa (ELE =>
ele * ele))
La descripción del código se enumera aquí.
- En primer lugar, se muestra un mensaje utilizando el "consola.registro()" método.
- Después de eso, un formación está empleado con el nombre numer en el que se definen cinco elementos.
- Finalmente, el mapa() El método se utiliza para devolver una nueva matriz donde todos sus elementos son los múltiplos de ellos mismos.
Producción
El resultado del código muestra que el mapa() El método devuelve los valores cuadrados 10, 9, 8, 7, y 6 a 100, 81, 64, 49, y 36.
Conclusión
Los métodos map () y foreach () usan la función para realizar la iteración sobre los elementos de la matriz. Como resultado, los métodos map () crean una matriz, mientras que el tipo de retorno del foreach (el método 0 está indefinido. En esta publicación, se describe una explicación detallada del método map () y foreach () para diferenciar estos dos métodos iteradores. Sin embargo, ambos métodos se utilizan para iterar sobre los elementos de la matriz, su forma de trabajar difiere, lo que puede entenderse a partir del contenido escrito anteriormente.