Najnowsze tutoriale tworzenie stron internetowych
 

JavaScript Szyk map() Method

<JavaScript Array Reference

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

Przykłady

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