Panduan untuk Metode Pemetaan Array JavaScript – Beragampengetahuan

Dalam JavaScript, array adalah cara yang berguna untuk menyimpan dan memanipulasi data.ini map() metode adalah fungsi bawaan yang memungkinkan Anda untuk mengulangi setiap elemen dalam array dan menerapkan fungsi ke dalamnya.ini map() metode membuat larik baru yang berisi hasil pemanggilan fungsi yang disediakan pada setiap elemen dalam larik pemanggilan.Pada artikel ini, kita akan menggali lebih dalam map() metode dan jelajahi sintaks, fungsionalitas, dan kasus penggunaannya.

sintaksis

ini map() Metode ini dipanggil pada array dan menggunakan fungsi callback sebagai argumennya.Fungsi callback menerima tiga parameter: elemen yang sedang diproses, indeks elemen saat ini, dan larik yang diproses map() disebut.sintaks atau perintah map() Metode seperti di bawah ini:

array.map(callback(currentValue, index, array))

Di Sini array adalah larik map() Metode sedang dipanggil. callback adalah fungsi yang dipanggil pada setiap elemen array. currentValue Menunjukkan nilai elemen saat ini sedang diproses. index Menunjukkan indeks elemen saat ini sedang diproses. array Merupakan array primitif.

Fitur

ini map() metode membuat larik baru yang berisi hasil pemanggilan fungsi panggilan balik pada setiap elemen dalam larik asli.Array asli tidak diubah, dan array baru dikembalikan sebagai hasilnya map() metode. Array baru akan memiliki panjang yang sama dengan array asli. Jika fungsi callback kembali, nilainya tidak disertakan dalam larik baru.

ini map() Metode adalah fungsi tingkat tinggi, yang berarti ia menerima fungsi sebagai argumen atau mengembalikan fungsi sebagai hasilnya.ini map() metode adalah fungsi murni, yang berarti tidak mengubah array asli dan tidak memiliki efek samping.

Berikut adalah beberapa contoh untuk diilustrasikan menggunakan map() metode:

1. Gandakan elemen array

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

itu disini, map() metode untuk membuat array baru doubledNumbers dengan elemen array asli numbers dobel.

2. Konversikan Fahrenheit ke Celcius

const fahrenheitTemperatures = [32, 68, 86, 104];
const celsiusTemperatures = fahrenheitTemperatures.map(temp => (temp - 32) * 5 / 9);
console.log(celsiusTemperatures); 
// Output: [0, 20, 30, 40]

itu disini, map() metode untuk mengkonversi satu set suhu Fahrenheit ke Celcius.

3. Ekstrak properti dari objek dalam larik

const people = [
  { name: "Alice", age: 23 },
  { name: "Bob", age: 27 },
  { name: "Charlie", age: 18 },
];
const names = people.map(person => person.name);
console.log(names); 
// Output: ["Alice", "Bob", "Charlie"]

itu disini, map() metode untuk mengekstraksi name properti dari setiap objek di people batch besar.

4. Ratakan array dari array

const nestedArray = [[1, 2], [3, 4], [5, 6]];
const flattenedArray = nestedArray.map(innerArray => innerArray.join(","));
console.log(flattenedArray); 
// Output: ["1,2", "3,4", "5,6"]

itu disini, map() Metode ini digunakan untuk menggabungkan elemen dari setiap array bersarang nestedArray Array dikonversi menjadi string dengan koma.

Kesimpulannya

Pendeknya, map() Metode adalah alat yang ampuh untuk bekerja dengan array dalam JavaScript. Ini memungkinkan Anda untuk mengubah setiap elemen array menggunakan fungsi panggilan balik dan membuat array baru dengan nilai yang diubah.ini map() metode adalah fungsi tingkat tinggi yang mengambil fungsi sebagai argumen dan merupakan fungsi murni yang tidak mengubah array asli.

Beberapa kasus penggunaan umum untuk map() Metode termasuk mengubah data, mengekstraksi properti dari objek dalam larik, dan meratakan larik larik.dengan menggunakan map() metode, Anda dapat menulis kode yang lebih bersih dan lebih ekspresif yang lebih mudah dibaca dan dipelihara.

penting untuk diperhatikan map() Metode bukanlah satu-satunya metode larik yang tersedia di JavaScript.metode array lainnya seperti filter(), reduce()Dan forEach()Dapat juga digunakan untuk tugas yang berbeda.

Secara umum, pengertian dan pemanfaatan map() Metode sangat penting untuk setiap pengembang JavaScript yang ingin bekerja dengan array secara efisien dan efektif.