Metode .map() JavaScript adalah metode array yang digunakan untuk membuat array baru dengan panjang yang sama dengan array asli, tetapi dengan setiap elemen dimodifikasi sesuai dengan fungsi panggilan balik yang disediakan. metode ini tidak mengubah array asli, melainkan mengembalikan array baru dengan elemen yang dimodifikasi

sintaks untuk metode .map()adalah sebagai berikut;

array.map(callback(currentValue[, index[, array]])[, thisArg])j

Fungsi panggilan balik membutuhkan tiga argumen: CurrentValue, indeks (opsional), dan array (opsional). argumen currentValue adalah elemen saat ini yang sedang diproses dalam array. argumen indeks adalah indeks elemen saat ini yang sedang diproses, dan argumen array adalah array asli tempat metode .map() dipanggil.

berikut adalah contoh penggunaan metode .map() untuk membuat array baru dengan setiap elemen dikalikan 2.

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

Pada contoh di atas, metode .map() dipanggil pada array angka, meneruskan fungsi panggilan balik yang menggunakan argumen num dan mengembalikan angka dikalikan 2. Array baru yang dihasilkan, doubledNumbers, kemudian dicatat ke konsol .

Satu hal penting yang perlu diperhatikan tentang metode .map() adalah metode ini tidak mengubah array asli. Itu menciptakan array baru dengan elemen yang dimodifikasi. Jika Anda perlu mengubah array asli, Anda perlu menggunakan metode lain seperti .forEach() atau .splice().

Kesimpulannya, metode .map() adalah alat yang ampuh yang dapat membantu Anda membuat array baru dengan elemen yang dimodifikasi berdasarkan fungsi panggilan balik. Dengan pemahaman yang baik tentang cara menggunakan metode ini, Anda dapat dengan mudah memanipulasi array di JavaScript agar sesuai dengan kebutuhan Anda.

Contoh lain penggunaan metode .map() adalah mengonversi array string menjadi huruf besar. Berikut ini contohnya:

const names = ['john', 'susan', 'peter'];
const uppercasedNames = names.map(name => name.toUpperCase());
console.log(uppercasedNames); // Output: ['JOHN', 'SUSAN', 'PETER']

Pada contoh di atas, metode .map() dipanggil pada array nama, meneruskan fungsi panggilan balik yang menggunakan argumen nama dan mengembalikan versi huruf besar dari nama tersebut menggunakan metode toUpperCase(). Array baru yang dihasilkan, uppercasedNames, kemudian dicatat ke konsol.

Penting untuk dicatat bahwa metode .map() juga dapat dihubungkan dengan metode array lain seperti .filter() dan .reduce() untuk mencapai fungsionalitas yang lebih kompleks.

Secara keseluruhan, metode .map() adalah alat yang ampuh dan serbaguna untuk bekerja dengan array di JavaScript. Dengan memahami cara menggunakan metode ini, Anda dapat dengan mudah memanipulasi dan mengubah array sesuai kebutuhan Anda.