Método del mapa de matriz en JavaScript | Explicado

En JavaScript, un método incorporado llamado Array.MAP () se usa para crear una nueva matriz modificada; Para hacer eso, atraviesa una matriz e invoca una función para cada elemento de la matriz. Es muy útil en un escenario en el que tenemos que implementar algunos procedimientos/acciones en cada elemento de matriz. Por ejemplo, multiplicar cada elemento de matriz con algún número específico, o encontrar la raíz cuadrada de cada elemento de matriz, y así sucesivamente.

En este artículo, cubriremos los resultados de aprendizaje de la matriz que.Método map ():

• Que es la matriz.MAP () en JavaScript?
• Sintaxis básica
• Que matriz.MAP () Retorno del método?
• Que matriz.El método map () funciona en JavaScript?

Entonces empecemos!

Que es la matriz.MAP () en JavaScript?

Array Map () es una función de matriz incorporada que crea una nueva matriz modificada basada en algunos criterios específicos. La matriz.El método map () invoca una función de devolución de llamada para cada elemento de la matriz y crea una nueva matriz modificada que contiene los elementos modificados que devuelven la función de devolución de llamada.

Sintaxis básica

Aquí está la sintaxis de la matriz.Método MAP () en JavaScript:

formación.MAP (función (actual_element, índice, arr), este valor)

La sintaxis muestra la matriz.La función MAP () puede tomar múltiples parámetros, sin embargo, todos estos parámetros no son obligatorios:

• El parámetro function () mejor conocido como la función de devolución de llamada es obligatoria, y se solicitará cada elemento de la matriz.
• actual_element es un parámetro requerido que mantiene el valor del elemento actual.
• El índice es un parámetro opcional que mantiene el índice del CurrentElement.
• ARR es un parámetro opcional que mantiene la matriz actual.
• Este valor también es un parámetro opcional cuyo valor predeterminado no está definido y utiliza el valor pasado a la función como "este" valor.

Que matriz.MAP () Retorno del método?

En JavaScript, la matriz.El método MAP () Devuelve el resultado de la función de devolución de llamada para cada elemento de matriz único.

Que matriz.El método map () funciona en JavaScript?

Hasta ahora, hemos aprendido los conceptos teóricos del método map (), ahora implementaremos estos conceptos prácticamente.

Tarea 1: Agregue 50 a cada elemento de matriz

En este programa de ejemplo, aprenderemos cómo usar la matriz.Método map () para agregar "50" a cada elemento de la matriz dada:

var originalArray = [12, 16, 32, 27, -31, 17];
Resultado var = OriginalArray.mapa (addValue);
función addValue (valores)
Valores de retorno + 50;

consola.log ("matriz resultante:", resultado);

El programa anterior realizó las tareas que sean a continuación:

• En primer lugar, creamos una matriz llamada "OriginalArray" que incluye algunos números positivos y negativos.
• A continuación, utilizamos la matriz.Método map () para agregar 50 a cada elemento de la matriz.
• Para hacerlo, creamos una función llamada "addValue ()" que agregará 50 al elemento actual de la matriz, y luego devolverá el elemento modificado.
• Finalmente, utilizamos el método de consola () para imprimir la matriz de elementos modificados:

La salida demostró que la matriz.El método map () devolvió una matriz de elementos modificados (i.mi., Cada elemento se incrementa en 50).

Tarea 2: Cómo usar la matriz.Método map () con una matriz de objetos

En el siguiente bloque de código, aprenderemos cómo usar la matriz.Método MAP () para unirse al nombre e ID:

Var empleados = [
Empname: "Mike", Id: 12,
empname: "seth", id: 15,
];
var empdetails = empleados.map (function (valor)
devolver '$ valor.empname $ valor.identificación';
)
consola.Log ("Detalles del empleado:", EmpDetails);

En este programa, utilizamos la matriz.Método map () para atravesar la matriz y combinar el nombre del empleado y la identificación del empleado:

Así es como la matriz.El método map () funciona con una matriz de objetos.

Tarea 3: Cómo usar métodos incorporados con matriz.Método MAP ()

En este ejemplo, aprenderemos cómo usar un método incorporado para encontrar el cuadrado de los elementos de matriz:

var originalArray = [3, 2, 5, 9, 7];
var resultanteArray = originalArray.mapa (sqrValue);
función sqrValue (valores)
devolver matemáticas.POW (valores, 2);

consola.registro ("Detalles del empleado:", resultanteRray);

En este programa de ejemplo, utilizamos las matemáticas.Función Pow () para encontrar el cuadrado de un elemento. Utilizamos la matriz.Método map () para atravesar cada elemento de matriz y devolver el cuadrado de cada elemento de la matriz dada.

Así es como podemos utilizar cualquier método incorporado junto con una matriz.Método map () para lograr diferentes funcionalidades.

Conclusión

En JavaScript, Array.MAP () es una función de matriz incorporada que crea una nueva matriz modificada basada en algunos criterios específicos. La matriz.El método map () invoca una función de devolución de llamada para cada elemento de la matriz y crea una nueva matriz modificada que contiene los elementos modificados que devuelven la función de devolución de llamada. Este artículo describió qué matriz exactamente.El método map () es? y cómo funciona en JavaScript utilizando algunos ejemplos relevantes.