Cómo mapear una matriz en el método del mapa de matriz de JavaScript | Explicado con ejemplos

Al igual que cualquier otro lenguaje de programación, JavaScript nos proporciona varios tipos de datos para almacenar datos. Uno de esos tipos de datos es una matriz. Una matriz es un grupo de elementos que se pueden usar para almacenar varios valores en una sola variable. JavaScript nos ofrece métodos de objetos de matriz que podemos usar para administrar, organizar o acceder a los datos almacenados en matrices. Uno de esos métodos incorporados del objeto de matriz es el mapa() método.

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

El método del mapa de la matriz de JavaScript crea una nueva matriz llamando a una función de devolución de llamada (transmitiendo una función a otra función como argumento) en cada elemento sin cambiar la matriz original.

El Sintaxis del método del mapa de matriz se muestra a continuación:

myarr.mapa (función (CurrentValue, índice, arr), thisValue);

Como podemos ver en la sintaxis anterior, el método map () toma dos parámetros. El primero es función (CurrentValue, índice, arr) que es una función de devolución de llamada y es un parámetro obligatorio. Esta función de devolución de llamada toma tres argumentos. El primero es el valor actual Refiriéndose al valor actual del elemento y es un parámetro obligatorio. El segundo parámetro es el índice que tiene el índice del elemento actual y el tercero es el arrugado que se refiere a la matriz. Los parámetros de índice y arrug son opcionales. El siguiente parámetro en el método map () es este valor que se refiere al valor que se pasa a la función y este parámetro de valor es opcional.

Iterando sobre una matriz utilizando el método del mapa

Ahora que sabemos qué es un método de mapa de matriz, veamos cómo iterar sobre una matriz usando el método de mapa.

var myarr = [1,2,3,4];
var newarr = myarr.map (function (elemento)
// multiplica myarr con 2
// Devuelve una nueva matriz
elemento de retorno *2;
);
consola.log (newarr); // [2,4,6,8]

En el código anterior, primero, iniciamos una matriz con el nombre de myarr y luego llamado mapa() Método en esta matriz inicia una función de devolución de llamada. En la función de devolución de llamada, multiplicamos todos y cada uno de los elementos del myarr a 2. Luego guardamos la nueva matriz para el nuevo variable y luego registro de consola la nueva matriz cuya salida se muestra a continuación:

Veamos otros ejemplos del método map () en JavaScript.

Redondeo de elementos de matriz

En este ejemplo, veremos cómo podemos redondear elementos de matriz al entero más cercano.

var myarr = [2.3,3.7,4.4];
salida var = myarr.mapa (e => matemáticas.redondo (e));
consola.log (salida); // 2,4,4

Primero iniciamos una matriz con el nombre de myarr e inició el método del mapa en esta matriz redondeando cada elemento del myarr y luego la salida de esta operación se guarda en la variable producción.

Encontrar raíz cuadrada

Encontremos la raíz cuadrada de todos los elementos de una matriz para la cual es principalmente la misma que el ejemplo anterior. Primero, iniciaremos una matriz y luego ejecutaremos el método del mapa, almacenando el resultado en la salida.

var myarr = [4,9,16];
salida var = myarr.mapa (e => matemáticas.sqrt (e));
consola.log (salida); // 2,3,4

Agregar cadena a los elementos de la matriz

En este ejemplo, agregaremos la cadena 1 docena con cada elemento de la matriz. Por ejemplo:

var myarr = ["plátano", "manzana", "naranja"];
salida var = myarr.mapa (e => "1 docena"+e);
consola.log (salida);

Podemos ver en la salida que cada elemento de la matriz ahora tiene 1 docena en la nueva matriz que se registra la consola.

Obtener un nombre completo de una matriz de objetos

Veamos un pequeño ejemplo complejo en el que iniciaremos una variedad de objetos que contendrán el primer nombre y el apellido de una persona. Luego ejecutaremos el método MAP () en esta matriz y luego en la función de devolución de llamadas concatenaremos el nombre y el nombre de lo último para obtener un nombre completo de la persona.

PERSONES DE CONSTRUCCIÓN = [
FirstName: "John", LastName: "Reynolds",
FirstName: "Smith", LastName: "Jhonson",
FirstName: "Sarah", LastName: "Frye"
];
función getfullName (elemento)
Devolver objeto.primer nombre, artículo.apellido].unirse(" ");

ESTUCTURA DE CONST = Personas.mapa (getFullName);
consola.log (salida);

Conclusión

Para almacenar datos, JavaScript nos brinda varios tipos de datos, como una matriz. Una matriz tiene métodos incorporados que nos hacen administrar fácilmente nuestro código y escribir menos código. Uno de esos métodos de la matriz es el método map (). El método MAP () de matriz ejecuta una función de devolución de llamada en cada elemento de la matriz y devuelve una nueva matriz.

En esta publicación, vimos cómo mapear una matriz en JavaScript y qué es un método de mapa en JavaScript. Además de eso, iteramos sobre una matriz utilizando el método map () y luego proporcionamos algunos ejemplos usando el método map () de la matriz para transformar elementos de la matriz iniciada de acuerdo con la función de devolución de llamada proporcionada.