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
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ță