W3schools Javascript Array Map

W3schools Javascript Array Map

2 min read Jun 18, 2024
W3schools Javascript Array Map

W3Schools JavaScript Array map()

Metode map() pada JavaScript merupakan sebuah metode yang memungkinkan kita untuk membuat array baru dengan memodifikasi setiap elemen dari array yang sudah ada. Metode ini akan memanggil sebuah fungsi callback untuk setiap elemen dalam array asli, dan menghasilkan array baru dengan hasil dari callback tersebut.

Cara Kerja map()

  1. Iterasi: map() akan beriterasi melalui setiap elemen di array aslinya.
  2. Callback: Untuk setiap elemen, map() akan memanggil fungsi callback yang kita berikan sebagai parameter.
  3. Transformasi: Fungsi callback menerima tiga argumen:
    • Elemen array saat ini.
    • Indeks elemen saat ini.
    • Array aslinya.
  4. Array Baru: Hasil dari fungsi callback untuk setiap elemen akan disimpan dalam array baru.
  5. Pengembalian: map() akan mengembalikan array baru yang telah dimodifikasi.

Contoh Penggunaan

const numbers = [1, 2, 3, 4, 5];

// Mengalikan setiap elemen dengan 2
const doubledNumbers = numbers.map(number => number * 2);

console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]

// Mengubah setiap elemen menjadi string
const stringNumbers = numbers.map(number => number.toString());

console.log(stringNumbers); // Output: ["1", "2", "3", "4", "5"]

Keunggulan map()

  • Mempermudah Modifikasi: map() memungkinkan kita untuk mengubah array dengan mudah tanpa harus menuliskan loop manual.
  • Kemudahan Pemahaman: Kode yang menggunakan map() biasanya lebih mudah dibaca dan dipahami.
  • Menghindari Sisi Efek: map() tidak mengubah array asli, sehingga tidak menimbulkan efek samping yang tidak diinginkan.

Kesimpulan

map() merupakan metode yang sangat berguna dalam JavaScript untuk memodifikasi dan mentransformasi array dengan mudah dan efisien. Ini memungkinkan kita untuk menulis kode yang lebih bersih dan mudah dipahami.