Mengenal fungsi map pada javascript

Begitu banyak cara memanipulasi array/object di javascript. Mari kita bahas salah satu fungsi dari array/object prototype yang bernama map.

Syntax :

arr.map(callback[, thisArg])

Fungsi map ini digunakan untuk mengolah setiap element di array/object dan kemudian menghasilkan array/object baru. Mari kita lihat di contoh sahaja langsung.

var angka = [1, 2, 3];
var dobel = angka.map(function(num){
  return num * 2;
});
// dobel akan bernilai [2, 4, 6]. sedangkan angka tetap [1, 2, 3].

var ganjil = angka.map(function(num){
  if (num % 2 == 1) {
    return num;
  }
});
// ganjil akan bernilai [1, 3]

var warga = [
  {nama: 'Ali', jk: 'L' },
  {nama: 'Budi', jk: 'L' },
  {nama: 'Cici', jk: 'P' }
];
var nama = warga.map(function(elem){
  return elem.nama;
});
// nama akan berisi ['Ali', 'Budi', 'Cici']

var lakilaki = warga.map(function(elem){
  if (elem.jk == 'L') {
    return elem;
  }
});
// lakilaki akan berisi [{nama: 'Ali', jk: 'L' },{nama: 'Budi', jk: 'L' }];

Nah bisa kalian mengerti kira-kira penggunaannya gitu deh. Lebih lengkap silahkan kunjungi dokumentasi resminya di sini.

Sekian dan demikian 🙂

Sumber: https://developer.mozilla.org

 

Nanda Widyatama

Seorang web developer. Gemar diajak kuliner. Suka fotografi. Sering ngedit sana ngedit sini. Suami yang siaga.