Gli ultimi tutorial di sviluppo web
 

JavaScript schieramento map() Method

<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() 9.0 1.5

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

Esempi

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