map metodu

map metodu, koleksiyondaki her eleman için belirtilen fonksiyonu çağırır. Özellikle eleman koleksiyonlarının değerlerini almak veya ayarlamak için kullanışlıdır. map metodu, yeniden oluşturulmuş farklı eleman ve nesnelerden oluşan bir koleksiyon döndürür. Bu, orijinal eleman koleksiyonunu döndüren each metodundan farklıdır.

Sözdizimi

Elemanların kendileri fonksiyon içinde this değişkeninde, sıra numaraları ise index değişkeninde mevcuttur:

javascript$(selektör).map(function(index, element));

Örnek

Şimdi, elemanların id isimlerini virgülle ayrılmış şekilde ekrana yazdıralım. Ayrıca get ve join metodlarını da kullanacağız:

html<p id="aaa">metin1</p>
<p id="bbb">metin2</p>
<p id="ccc">metin3</p>
javascriptconsole.log(
  $('p').map(
    function() {
      return this.id; 
    }
  ).get().join()
);

Ayrıca bakınız

  • filter metodu,
    elemanları belirli bir seçiciye göre filtreler
  • each metodu,
    koleksiyondaki her eleman için belirtilen fonksiyonu çağırır