Array: Penggunaan method map()

Map() diperkenalkan pada tahun 2011, saya akan menjelaskan tentang fungsi map() yang di gunakan untuk array dalam beberapa point, berikut ini adalah penjelasannya:

a. Map() adalah sebuah fungsi yang melakukan perulangan pada setiap element array. Setelah perulangan dilakukan map() akan membentuk array baru berdasarkan ketentuan dari fungsi callaback yang telah diterapkan.

b. Cara pemanggilan fungsi callback map() dilakukan secara berurutan dari element yang pertama hingga element terakhir

c. Nilai array sumber tidak akan berubah walaupun telah ditempatkan dalam fungsi Map()

Syntak

array.map(functionCallback(currentValue, index, arr), thisValue)

  • functionCallback : adalah fungsi yang melakukan pemanggilan terhadap element aray
  • currentValue : adalah parameter yang berisikan nilai pada element array yang akan di-map
  • index: adalah parameter untuk menapilkan index pada element, parameter ini adalah optional
  • arr: menampilkan array yang di-maping
  • thisValue: array baru yang dibentuk dari array yang di-mapping.

Contoh Kode dan Penjelasan

Saya akan memberikan dua contoh kode.

Dari syntaks map(), saya telah menjelaskan bahwa method map() terdapat 3 parameter pada fungsi callback. Pada contoh yang pertama ini saya akan memberi kan ketiga parameter tersebut. Agar membatu anda lebih mudah untuk memahami syntak method map()

dan contoh yang kedua ini kita akan bersama-sama memahami cara kerja dari method map()

const myArray = [19, 3, 7]

const result = myArray.map(tambah => tambah + 5)

console.log(result) //output -> [24, 8, 12]

Karena kita telah membuat ketentuan dengan ditambah 5, oleh karena itu map() akan membentuk array baru yang setiap element akan ditambah 5.

Mari kita lihat simulasi cara kerja, agar anda lebih memahaminya.

  • Karena array sumber hanya memiliki 3 element, maka hanya terjadi 3 proses saja untuk map() membentuk array baru. Ini adalah proses pertama.
  • Proses selanjutnya
  • Proses perulangan element yang terakhir
  • Karena tidak ada element lagi yang akan di lakukan perulangan oleh map() maka proses berhenti dan menampilkan output dengan array yang baru

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s