<JavaScript Array di riferimento
Esempio
Restituire una matrice con la radice quadrata di tutti i valori nella matrice originale:
var numbers = [4, 9, 16, 25];
function myFunction() {
x = document.getElementById("demo")
x.innerHTML =
numbers.map(Math.sqrt);
}
Il risultato sarà:
2,3,4,5
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La map() metodo crea un nuovo array con i risultati di chiamare una funzione per ogni elemento dell'array.
La map() metodo chiama la funzione fornita una volta per ogni elemento in una matrice, in ordine.
Nota: map() non esegue la funzione di elementi di campo senza valori.
Nota: map() non modifica la matrice originale.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
Metodo | |||||
---|---|---|---|---|---|
map() | sì | 9.0 | 1.5 | sì | sì |
Sintassi
valori dei parametri Parametro Descrizione function(currentValue, index,arr) Necessario. Una funzione da eseguire per ogni elemento dell'array.
Argomenti delle funzioni: Discussione Descrizione currentValue Necessario. Il valore dell'elemento corrente index Opzionale. L'indice di campo dell'elemento corrente arr Opzionale. L'array oggetto l'elemento corrente appartiene
QuestoValore Opzionale. Un valore da passare alla funzione da utilizzare come "this" valore.
Se questo parametro è vuoto, il valore "undefined" verrà passato come "this" valore
Dettagli tecnici
Valore di ritorno: Un Array contenente i risultati della chiamata della funzione fornita per ogni elemento dell'array originale. Versione JavaScript: 1.6
Altri esempi
Esempio
Moltiplicare tutti i valori di matrice con un numero specifico:
var numbers = [65, 44, 12, 4];
function
multiplyArrayElement(num) {
return num *
document.getElementById("multiplyWith").value;
}
function
myFunction() {
document.getElementById("demo").innerHTML =
numbers.map(multiplyArrayElement);
} Prova tu stesso " Esempio
Ottenere il nome completo per ogni persona nella matrice:
var persons = [
{firstname : "Malcom", lastname:
"Reynolds"},
{firstname : "Kaylee", lastname: "Frye"},
{firstname : "Jayne", lastname: "Cobb"}
];
function
getFullName(item,index) {
var fullname =
[item.firstname,item.lastname].join(" ");
return
fullname;
}
function myFunction() {
document.getElementById("demo").innerHTML = persons.map(getFullName);
} Prova tu stesso "
<JavaScript Array di riferimento