Array Method - Map

Kalo kata James Quick, .map() will iterate through each item on the array, and allow us to transform each item on some ways. Jadi kata kuncinya adalah ‘allow us to transform each item‘ alias kita bisa ngapain aja dengan array tersebut.

Yang ini array dengan operasi kali*, bisa diganti tambah+, kurang-, atau bagi: terserah kita.

const angkaAwal = [1, 2, 3];
const kaliDua = angkaAwal.map((angka) => angka * 2);
console.log(kaliDua); // [2, 4, 6]

Selain itu, .map() juga bisa dipakai untuk cari tau properti pada sebuah object. Contoh:

const characters = [
  {
    name: "Luke Skywalker",
    height: "172",
    mass: "77",
    eye_color: "blue",
    gender: "male",
  },
  {
    name: "Darth Vader",
    height: "202",
    mass: "136",
    eye_color: "yellow",
    gender: "male",
  },
];

terus kita cuma pengin tau properti name dan height, jadi gini deh:

const nameAndHeight = characters.map((e) => ({ name: e.name, height: e.height }));

Hasilnya gini:

[
  { name: "Luke Skywalker", height: "172" },
  { name: "Darth Vader", height: "202" },
];

Jadi .map() mengembalikan sebuah array baru, tapi hasilnya TERGANTUNG OPERASI/FUNGSI yang kita inginkan.