Javascript Map() Kullanımı

JavaScript Map Kullanımı

Dizilerdeki döngüler için kullanmaktan çok daha rahat olan map() kullanmatır, bir dizi üzerinden yinelenir ve her öğenin bir işlevden geçirilmesini sağlayan yeni bir dizi oluşturur:


    var icecek = ["Soda","Kola","Ayran","Limonata"];

    var sogukIcecek = icecek.map(function(el) {
      return 'soğuk '+el;
    });

    console.log(sogukIcecek);//(4) ["soğuk Soda", "soğuk Kola", "soğuk Ayran", "soğuk Limonata"]

var icecek = ["Soda","Kola","Ayran","Limonata"];

var sogukIcecek = icecek.map(function(el) {

return 'soğuk '+el;

});

console.log(sogukIcecek);//(4) ["soğuk Soda", "soğuk Kola", "soğuk Ayran", "soğuk Limonata"]

Yazım Kuralı


var yeniDizi = dizi.map(function);

var yeniDizi = dizi.map(function);

Başka bir örnek: key ve value kullanımı


<body>
  
  <div id="root"></div> 
      

  <script> 
    
      var el = document.getElementById('root'); 
      var arr = [2, 5, 6, 3, 8, 9]; 
        
      var yeniDizi = arr.map(function(element, index){ 
          return {key:index, value:element*element}; 
      }) 
        
      console.log(yeniDizi) 
        
      el.innerHTML = JSON.stringify(yeniDizi); 
  </script> 
</body>

<body>

var el = document.getElementById('root');

var arr = [2, 5, 6, 3, 8, 9];

var yeniDizi = arr.map(function(element, index){

return {key:index, value:element*element};

})

console.log(yeniDizi)

el.innerHTML = JSON.stringify(yeniDizi);

</script>

</body>

Javascript Map() Kullanımı

JavaScript Map Kullanımı

Yorum Yap

İptal Et

JavaScript Map Kullanımı

Bunları da beğenebilirsiniz

Yorum Yap