Mapa tablicy JavaScript()
Przykłady
Zwróć nową tablicę z pierwiastkiem kwadratowym wszystkich wartości elementów:
const numbers = [4, 9, 16, 25];
const newArr = numbers.map(Math.sqrt)
Pomnóż wszystkie wartości w tablicy przez 10:
const numbers = [65, 44, 12, 4];
const newArr = numbers.map(myFunction)
function myFunction(num) {
return num * 10;
}
Więcej przykładów poniżej.
Definicja i użycie
map()
tworzy nową tablicę z wywołania funkcji dla każdego elementu tablicy.
map()
wywołuje funkcję raz dla każdego elementu w tablicy.
map()
nie wykonuje funkcji dla pustych elementów.
map()
nie zmienia oryginalnej tablicy.
Składnia
array.map(function(currentValue, index, arr), thisValue)
Parametry
Parameter | Description |
function() | Required. A function to be run for each array element. |
currentValue | Required. The value of the current element. |
index | Optional. The index of the current element. |
arr | Optional. The array of the current element. |
thisValue | Optional. Default value undefined .A value passed to the function to be used as its this value. |
Wartość zwrotu
Rodzaj | Opis |
Tablica | Wyniki funkcji dla każdego elementu tablicy. |
Obsługa przeglądarki
map()
to funkcja ECMAScript5 (ES5).
ES5 (JavaScript 2009) w pełni obsługiwany we wszystkich przeglądarkach:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Więcej przykładów
Uzyskaj pełne imię i nazwisko dla każdej osoby:
const persons = [
{firstname : "Malcom", lastname: "Reynolds"},
{firstname : "Kaylee", lastname: "Frye"},
{firstname : "Jayne", lastname: "Cobb"}
];
persons.map(getFullName);
function getFullName(item) {
return [item.firstname,item.lastname].join(" ");
}