MAP PADA JAVASCRIPT

Fungsi map di JavaScript berguna untuk memproses setiap item dalam array dan mengembalikan array baru. Ini sangat berguna untuk berbagai tugas, seperti mengubah atau memanipulasi data.

Apa itu map?

map adalah metode bawaan JavaScript yang digunakan untuk membuat array baru dengan memanggil fungsi tertentu pada setiap elemen dalam array lama. Array hasil map akan memiliki panjang yang sama dengan array aslinya.

Cara Menggunakan map

Sintaks Dasar

Berikut adalah sintaks dasar dari map:

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

• currentValue: Elemen yang sedang diproses.
• index: Indeks dari elemen yang sedang diproses.
• arr: Array yang sedang diproses.
• thisValue (opsional): Nilai yang akan digunakan sebagai this.

Contoh Penggunaan

Contoh sederhana untuk menggandakan nilai dari setiap elemen dalam array:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(function(num) {
    return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

Menggunakan Arrow Function

Kamu juga bisa menggunakan arrow function untuk membuat kode lebih ringkas:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

Map vs forEach

Mungkin kamu bertanya-tanya apa bedanya dengan forEach. map mengembalikan array baru, sementara forEach hanya mengeksekusi fungsi yang diberikan untuk setiap elemen tanpa mengembalikan apa pun.

const numbers = [1, 2, 3, 4];
numbers.forEach(num => console.log(num * 2)); // Output di console: 2, 4, 6, 8

forEach tidak bisa digunakan jika kamu ingin membuat array baru berdasarkan elemen yang ada.

Kesimpulan

Fungsi map di JavaScript sangat berguna untuk memproses dan memodifikasi elemen di dalam array. Dengan memahaminya, kamu bisa menulis kode yang lebih efisien dan bersih.

Semoga artikel ini membantu kamu memahami cara menggunakan map di JavaScript!