JavaScript map Kullanımı – Array.map()

JavaScript de dizi elemanlarını bir döngüye alıp sırasıyla işlem yapıp sonuçlarını yeni bir diziye atamak için map metodunu kullanabiliriz. Bu yazımda map metodunun kullanımını örnekler üzerinden anlatacağım.

Array.map() metodu ile bir dizinin tüm elemanlarını döngüye alabiliriz. Map metodu orjinal diziyi değiştirmez. Kullanımı şu şekildedir:

Burada function içerisinde 3 parametre tanımlayabiliyoruz. Bunlar:

  1. value : Bu parametre zorunludur ve dizi elemanlarının değerini tutar. 
  2. index : Bu parametre isteğe bağlıdır ve dizi elemanlarının indeks numarasını tutar.
  3. array : Bu parametre isteğe bağlıdır ve dizinin kendisini tutar.

Şimdi bir dizi tanımlayalım ve map metodu ile dizi elemanları içerisinde dönelim.

Her seferinde Math.sqrt() metodu ile dizi elemanlarının karekökünü alıp yeni oluşturduğumuz karekok dizisine atayalım.

Döngü sona erdiğinde hem sayilar dizisini hem de karekok dizisini console ekranına yazdıralım.

 Çıktısı :  

sayilar dizisi : 64,36,100,25,256

karekok dizisi : 8,6,10,5,16

Yukarıda yapmış olduğumuz örneği farklı şekillerde de yazabilirdik.

 Çıktısı :  

sayilar dizisi : 64,36,100,25,256

karekok dizisi : 8,6,10,5,16

 Çıktısı :  

sayilar dizisi : 64,36,100,25,256

karekok dizisi : 8,6,10,5,16

Gördüğünüz gibi kodlarımızı 3 farklı şekilde yazdık ve her defasında aynı çıktıyı elde ettik.

 ⇒  Array.map() metodu Internet Explorer 8 veya öncesi hariç tüm tarayıcılarda desteklenir.

Umarım “JavaScript map Kullanımı” başlıklı yazım sizin için faydalı olmuştur.

Şu yazılar da ilginizi çekebilir.

JavaScript Diziler (Dizi Oluşturma, Dizi Elemanlarına Erişme..)

JavaScript Dizi Metodları (pop, push, shift, unshift, slice..)

JavaScript Dizilerde Sıralama – En Küçük veya En Büyük Değeri Bulma

Yeni bir yazımda görüşmek üzere.

Yorum Yazın

E-BÜLTEN ABONELİĞİ

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.