JavaScript Array map()
Esempi
Restituisce una nuova matrice con la radice quadrata di tutti i valori degli elementi:
const numbers = [4, 9, 16, 25];
const newArr = numbers.map(Math.sqrt)
Moltiplica tutti i valori in una matrice per 10:
const numbers = [65, 44, 12, 4];
const newArr = numbers.map(myFunction)
function myFunction(num) {
return num * 10;
}
Altri esempi di seguito.
Definizione e utilizzo
map()
crea un nuovo array chiamando una funzione per ogni elemento dell'array.
map()
chiama una funzione una volta per ogni elemento in una matrice.
map()
non esegue la funzione per elementi vuoti.
map()
non cambia l'array originale.
Sintassi
array.map(function(currentValue, index, arr), thisValue)
Parametri
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. |
Valore di ritorno
Tipo | Descrizione |
Un array | I risultati di una funzione per ogni elemento dell'array. |
Supporto browser
map()
è una funzione ECMAScript5 (ES5).
ES5 (JavaScript 2009) completamente supportato in tutti i browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Altri esempi
Ottieni il nome completo per ogni 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(" ");
}