Przykład
Zwraca tablicę z pierwiastka kwadratowego wszystkich wartości w oryginalnej tablicy:
var numbers = [4, 9, 16, 25];
function myFunction() {
x = document.getElementById("demo")
x.innerHTML =
numbers.map(Math.sqrt);
}
Wynikiem będzie:
2,3,4,5
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
map() metoda tworzy nową tablicę z wynikami wywołanie funkcji dla każdego elementu tablicy.
map() sposób wywołuje funkcję się raz dla każdego elementu tablicy, w kolejności.
Uwaga: map() nie wykonuje funkcji dla elementów tablicy bez wartości.
Uwaga: map() nie zmienia oryginalnej tablicy.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.
metoda | |||||
---|---|---|---|---|---|
map() | tak | 9.0 | 1.5 | tak | tak |
Składnia
wartości parametrów Parametr Opis function(currentValue, index,arr) Wymagany. Funkcja do uruchomienia każdego elementu w tablicy.
Argumenty funkcji: Argument Opis currentValue Wymagany. Wartość bieżącego elementu index Opcjonalny. Indeksu tablicy tego elementu arr Opcjonalny. Tablica obiekt bieżący element należący do
thisValue Opcjonalny. Wartość zostać przekazany do funkcji mają być używane jako "this" wartości.
Jeśli ten parametr jest pusty, wartość "undefined" zostaną przekazane jako "this" wartości
Szczegóły techniczne
Zwracana wartość: Tablicy zawierającej wyniki wywołanie podaną funkcję każdego elementu w oryginalnej macierzy. JavaScript wersja: 1.6
Więcej przykładów
Przykład
Pomnożyć wszystkie wartości w tablicy z określonym numerem:
var numbers = [65, 44, 12, 4];
function
multiplyArrayElement(num) {
return num *
document.getElementById("multiplyWith").value;
}
function
myFunction() {
document.getElementById("demo").innerHTML =
numbers.map(multiplyArrayElement);
} Spróbuj sam " Przykład
Uzyskać pełną nazwę dla każdej osoby w tablicy:
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);
} Spróbuj sam "
<JavaScript Array Reference