En son web geliştirme öğreticiler
 

JavaScript Dizi map() Method

<JavaScript Dizi Referans

Örnek

Orijinal dizideki tüm değerlerin karekökü ile bir dizi döndürür:

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

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

Sonuç şu olacaktır:

2,3,4,5
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

map() metodu Her dizi öğesi için bir işlev çağrısının sonuçlarına içeren yeni bir dizi oluşturur.

map() metodu, sırasıyla, bir dizideki her bir elemanı için bir kez verilen işlevini çağırır.

Not: map() değerleri olmadan dizi öğelerinin işlevini yürütmek değildir.

Not: map() orijinal diziyi değiştirmez.


Tarayıcı Desteği

Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.

Yöntem
map() Evet 9.0 1.5 Evet Evet

Sözdizimi

Parametre Değerleri
Parametre Açıklama
function(currentValue, index,arr) Gereklidir. Bir fonksiyon dizideki her bir eleman için çalıştırılacak.
Fonksiyon argümanları:
tartışma Açıklama
currentValue Gereklidir. elemanın değeri
index İsteğe bağlı. mevcut elemanın dizi dizini
arr İsteğe bağlı. dizi mevcut eleman ait nesne
thisValue İsteğe bağlı. Bir değeri olarak kullanılacak işleve geçirilecek "this" değeri.
Bu parametre boşsa, değer "undefined" onun kadar geçilecek "this" değeri

Teknik detaylar

Geri dönüş değeri: orijinal dizideki her bir eleman için sağlanan işlevini çağırmak sonuçlarını içeren bir dizi.
JavaScript Versiyon: 1.6

Örnekler

Diğer Örnekler

Örnek

Belirli bir sayıda dizideki tüm değerleri çarpın:

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

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

function myFunction() {
    document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);
}
Kendin dene "

Örnek

Dizideki her kişi için tam adı alın:

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);
}
Kendin dene "

<JavaScript Dizi Referans