Ultimele tutoriale de dezvoltare web
 

JavaScript mulțime map() Method

<JavaScript Array referință

Exemplu

Întoarceți-o matrice cu rădăcina pătrată a tuturor valorilor din matrice originală:

var numbers = [4, 9, 16, 25];

function myFunction() {
    x = document.getElementById("demo")
    x.innerHTML = numbers.map(Math.sqrt);
}

Rezultatul va fi:

2,3,4,5
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

map() metoda creează o nouă matrice cu rezultatele apelarea unei funcții pentru fiecare element de matrice.

map() metoda solicită funcția prevăzută o dată pentru fiecare element dintr - o matrice, în ordine.

Notă: map() nu execută funcția pentru elementele de matrice fără valori.

Notă: map() nu se schimba matricea originală.


Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin metoda.

Metodă
map() da 9 1.5 da da

Sintaxă

Valorile parametrilor
Parametru Descriere
function(currentValue, index,arr) Necesar. O funcție pentru a fi rulat pentru fiecare element din matrice.
Argumentele funcției:
Ceartă Descriere
currentValue Necesar. Valoarea elementului curent
index Opțional. Indicele matrice elementului curent
arr Opțional. Matricea obiecta elementul curent aparține
thisValue Opțional. O valoare care urmează să fie trecut la funcția care urmează să fie folosite ca sa "this" valoare.
Dacă acest parametru este gol, valoarea "undefined" , va fi transmisă ca ei "this" valoare

Detalii tehnice

Întoarcere Valoare: O matrice care conține rezultatele apelarea funcției furnizate pentru fiecare element din matrice original.
JavaScript Versiune: 1.6

Exemple

Mai multe exemple

Exemplu

Inmultiti toate valorile din matrice cu un număr specific:

var numbers = [65, 44, 12, 4];

function multiplyArrayElement(num) {
    return num * document.getElementById("multiplyWith").value;
}

function myFunction() {
    document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);
}
Încearcă - l singur »

Exemplu

Obțineți numele complet pentru fiecare persoană din 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);
}
Încearcă - l singur »

<JavaScript Array referință