Iterar elementos de matriz usando .Método de mapa en JavaScript

JavaScript es uno de los idiomas de secuencia de comandos más conocidos que ofrecen matrices para almacenar diferentes elementos con el mismo nombre. Existen diferentes métodos disponibles en JavaScript a través de los cuales podemos iterar sobre matrices, por ejemplo, para bucle, mientras bucle, para cada método, y mucho más, pero el más común entre todos estos es el mapa() método.

Este artículo explica cómo iterar a través de elementos de matriz utilizando el .mapa() Método en JavaScript.

¿Cuál es el método map ()??

El mapa() El método es un método de matriz incorporado que itera a través de la matriz y realiza una función en cada elemento en la matriz.

• La matriz original sigue siendo la misma que esta función devuelve una nueva matriz con la misma longitud.
• También debe tenerse en cuenta que el mapa() El método no se ejecuta para una matriz vacía.

Sintaxis del método MAP ():

MyArray.map ((valor, índice, array) =>
devolver;
);

El método del mapa tiene una función de devolución de llamada (el equivalente asíncrono de una función) que acepta tres parámetros:

• Valor: Es el valor o elemento actual de la matriz
• Índice: Es el índice actual del elemento de matriz en el que la función está ejecutando.
• Formación: Es la matriz de destino.

Ejemplo 1

En este ejemplo, iteraremos a través de una matriz multiplicando cada elemento de la matriz con 2:

// una matriz
constmynumbers = [4, 8, 9, 15, 20];
// multiplica cada elemento de matriz con 2
constmultipliedwithtwo = mynumbers.map ((valor) =>
valor de retorno*2;
);
// Muestra la matriz devuelta
consola.log (multipliedwithtwo);

En el código anterior primero, inicializamos una matriz y luego aplicamos el mapa() Método en la matriz original. Dentro de la función, devolvimos el valor multiplicado por dos. Cabe señalar que los parámetros de índice y matriz se pueden omitir cuando no desea usarlos. La matriz resultante se almacena en multiplicado variable y luego mostramos esta variable utilizando el consola.registro() método.

Podemos ver en la salida anterior que cada elemento de la matriz original se multiplica por 2 y obtuvimos nuestro resultado deseado.

Cuando la operación que realiza en cada elemento es de una línea de código, la forma más simple y limpia de implementar el mapa() Se utiliza el método que se proporciona a continuación:

// una matriz
constmynumbers = [4, 8, 9, 15, 20];
// multiplica cada elemento de matriz con 2
constmultipliedwithtwo = mynumbers.map ((valor) => valor*2);
// Muestra la matriz devuelta
consola.log (multipliedwithtwo);

No hay soportes rizados y regreso.

La salida sigue siendo la misma que se ve en la captura de pantalla anterior.

Ejemplo 2

Veamos otro ejemplo de dónde iterará a través de una variedad de cuerdas:

// una matriz
constfirstNames = ["super", "bat", "araña", "hierro"];
// Agregar hombre con cada cadena en la matriz
consultyesnames = FirstNames.map ((valor) => valor+"hombre");
// Muestra la matriz devuelta
consola.Log (HeroesNames);

En el código anterior, primero, inicializamos una matriz con los nombres de los famosos superhéroes. Luego aplicamos el mapa() método en esa matriz donde concatenamos la cadena "hombre" con cada elemento del nombre de pila formación. Al final, mostramos la matriz devuelta desde el mapa() Método utilizando la consola.Método log ():

Podemos ver eso con cada elemento hombre ha sido concatenado.

Conclusión

Para iterar sobre una matriz, JavaScript nos ofrece una variedad de técnicas que incluyen bucles y el para cada() método. Sin embargo, la técnica de iteración más famosa es la mapa() método. El mapa() El método se ejecuta para el elemento de cada matriz y devuelve una matriz nueva que tiene la longitud exactamente igual a la matriz original.

Esta publicación explica cómo iterar a través de una matriz usando el mapa() Método en JavaScript junto con dos ejemplos.