Mapa de matriz de JavaScript ()
Ejemplos
Devuelve una nueva matriz con la raíz cuadrada de todos los valores de los elementos:
const numbers = [4, 9, 16, 25];
const newArr = numbers.map(Math.sqrt)
Multiplica todos los valores de una matriz por 10:
const numbers = [65, 44, 12, 4];
const newArr = numbers.map(myFunction)
function myFunction(num) {
return num * 10;
}
Más ejemplos a continuación.
Definición y uso
map()crea una nueva matriz llamando a una función para cada elemento de la matriz.
map()llama a una función una vez para cada elemento en una matriz.
map()no ejecuta la función para elementos vacíos.
map()no cambia la matriz original.
Sintaxis
array.map(function(currentValue, index, arr), thisValue)
Parámetros
| Parameter | Description |
| function() | Required. A function to be run for each array element. |
| currentValue | Required. The value of the current element. |
| index | Optional. The index of the current element. |
| arr | Optional. The array of the current element. |
| thisValue | Optional. Default value undefined.A value passed to the function to be used as its this value. |
Valor devuelto
| Escribe | Descripción |
| Una matriz | Los resultados de una función para cada elemento de la matriz. |
Compatibilidad con navegador
map()es una característica de ECMAScript5 (ES5).
ES5 (JavaScript 2009) totalmente compatible con todos los navegadores:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |
Más ejemplos
Obtenga el nombre completo de cada persona:
const persons = [
{firstname : "Malcom", lastname: "Reynolds"},
{firstname : "Kaylee", lastname: "Frye"},
{firstname : "Jayne", lastname: "Cobb"}
];
persons.map(getFullName);
function getFullName(item) {
return [item.firstname,item.lastname].join(" ");
}