Ö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
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