Map

Metode Array.prototype.map() mengulangi sebuah array dan memodifikasi elemennya menggunakan sebuah fungsi callback. Fungsi callback ini kemudian diterapkan pada setiap elemen dari array.

Berikut adalah sintaks penggunaan map.

let newArray = oldArray.map(function (element, index, array) {
  // element: elemen saat ini yang sedang diproses dalam array
  // index: indeks dari elemen saat ini yang sedang diproses dalam array
  // array: array yang menggunakan metode map
  // Kembalikan elemen yang akan ditambahkan ke newArray
});

Sebagai contoh, katakanlah Anda memiliki sebuah array angka dan ingin membuat array baru yang menggandakan nilai-nilai angka dalam array asli. Anda dapat melakukannya menggunakan map seperti ini.

const numbers = [2, 4, 6, 8];

const doubledNumbers = numbers.map((number) => number * 2);

console.log(doubledNumbers);

// Result: [4, 8, 12, 16]

Anda juga dapat menggunakan sintaks fungsi panah (arrow function) untuk mendefinisikan fungsi yang dilewatkan ke map.

let doubledNumbers = numbers.map((number) => {
  return number * 2;
});

atau

let doubledNumbers = numbers.map((number) => number * 2);