JavaScript foreach

Mientras trabaja con matrices en JavaScript, es posible que deba iterar la matriz para obtener salida mientras realiza algunas operaciones en ellas. Para hacerlo, JavaScript proporciona algunos métodos, incluido el "para cada()Método que ejecutará la función especificada una vez para cada elemento dentro de una matriz.

Este artículo ilustrará la funcionalidad del método JavaScript foreach ().

¿Qué es el método JavaScript foreach ()??

El "para cada()"El método itera a través de los elementos de una matriz mientras llama a una función. Utiliza una función de manera diferente a la tradicional "en bucle". El valor de retorno de este método siempre está indefinido. Dependiendo de la funcionalidad de la función de argumento, este método puede o no modificar la matriz aprobada.

Sintaxis
Siga la sintaxis mencionada dada para usar el bucle foreach en JavaScript:

foreach (devolución de llamada (elemento, índice, arr));

Aquí el "llamar de vuelta()"Es la función que se invocará para cada elemento de la matriz almacenada en este parámetro", "elemento"Es el valor de una matriz que se procesará", "índice"Es el índice del elemento que se procesará, y"arrugado"¿Es la matriz que se pasa al método. El "arrugado" y el "índice"Son los argumentos opcionales, mientras que el"elemento" es obligatorio.

Ejemplo 1
En este ejemplo, primero, crearemos una matriz de números impares:

var oddnumbers = [1, 3, 5, 9, 11];

Ahora, imprimiremos los elementos de la matriz en la consola:

números impares.foreach (función (número)
consola.registro (número);
);

Producción

Ahora, veamos cómo usar el método foreach () en JavaScript con un archivo HTML.

Ejemplo 2
Aquí, en el archivo HTML, crearemos un botón que invoque el "FindSquare ()Método cuando se activa su evento OnClick:

Haga clic para ver el cuadrado de números impares:

A continuación, defina una función llamada "FindSquare ()"Eso contiene una variedad de números impares y una matriz vacía. En su definición de función, llame al método foreach () que se cuadrará cada elemento de matriz y luego lo presionará en el vacío "cuadrado"Array:

función findSquare ()
var oddnumbers = [1, 3, 5, 9, 11];
var cuadrado = [];
números impares.foreach (función (número)
cuadrado.Push (número * número);
);

Por último, imprima los nuevos valores utilizando el "documento.escribir()" método:

documento.escribir ("cuadrado de números impares '1,3,5,7,9,11' es:");
documento.escribir (cuadrado);

Cuando se hace clic en el botón, se muestran todos los valores de la matriz cuadrada:

Hemos cubierto toda la información esencial relacionada con el método JavaScript foreach ().

Conclusión

El "para cada()El método "llama a una función mientras se itera a través de los elementos de una matriz. Se diferencia un poco de lo tradicional "en bucle". Este método se utiliza para iterar a través de conjuntos, mapas y matrices. En este artículo, ilustramos el método JavaScript foreach () con ejemplos detallados, incluidos el archivo JavaScript basado en consola y vinculado con HTML.