fungsi peta dalam JavaScript: bagaimana untuk membuat tatasusunan baharu?

fungsi peta dalam JavaScript: bagaimana untuk mencipta tatasusunan baharu?

Pengenalan: Dalam JavaScript, tatasusunan ialah struktur data yang sangat biasa digunakan. Ia menyediakan banyak kaedah terbina dalam untuk mengendalikan dan memproses tatasusunan. Antaranya, fungsi peta adalah kaedah yang sangat berguna Ia boleh memproses setiap elemen dalam tatasusunan mengikut peraturan yang ditentukan dan mencipta tatasusunan baharu. Artikel ini akan memperkenalkan fungsi peta dalam JavaScript, cara menggunakannya dan beberapa contoh kod praktikal.

1. Apakah fungsi peta?

Dalam JavaScript, fungsi peta ialah kaedah terbina dalam tatasusunan Ia digunakan untuk memproses setiap elemen tatasusunan dan mengembalikan hasil yang diproses sebagai tatasusunan baharu. Dalam istilah orang awam, fungsi peta bergelung pada tatasusunan, menggunakan fungsi pemprosesan pada setiap elemen dan membentuk tatasusunan baharu dengan nilai pulangan fungsi tersebut.

2. Bagaimanakah cara menggunakan fungsi peta untuk mencipta tatasusunan baharu?

Mencipta tatasusunan baharu menggunakan fungsi peta adalah sangat mudah, cuma ikuti langkah berikut:

Langkah 1: Sediakan tatasusunan
Pertama, kita perlu menyediakan tatasusunan sebagai tatasusunan sasaran fungsi peta. Tatasusunan ini boleh mengandungi unsur apa-apa jenis, seperti nombor, rentetan, objek, dsb.

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

Langkah 2: Tentukan fungsi pemprosesan
Seterusnya, kita perlu mentakrifkan fungsi pemprosesan untuk memproses setiap elemen dalam tatasusunan. Fungsi ini boleh menjadi fungsi yang dipratentukan atau fungsi tanpa nama.

function double(number) {
  return number * 2;
}

或

const double = function(number) {
  return number * 2;
};

Langkah 3: Gunakan fungsi peta untuk memproses tatasusunan
Akhir sekali, kami menggunakan fungsi peta untuk memproses tatasusunan dan menyimpan hasil yang diproses dalam tatasusunan baharu.

const doubledNumbers = numbers.map(double);

Dengan cara ini, kami telah berjaya mencipta tatasusunan baharu doubledNumbers, di mana setiap elemen adalah hasil darab elemen dalam tatasusunan asal dengan 2.

3. Contoh kod sebenar

Di bawah, kami akan menunjukkan penggunaan fungsi peta melalui beberapa contoh kod sebenar.

1. Tukar rentetan dalam tatasusunan kepada huruf besar:

const strings = ['apple', 'banana', 'orange'];
const uppercaseStrings = strings.map(function(string) {
  return string.toUpperCase();
});

console.log(uppercaseStrings);
// 输出：['APPLE', 'BANANA', 'ORANGE']

2. Kuadratkan nombor dalam tatasusunan:

const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(function(number) {
  return number ** 2;
});

console.log(squaredNumbers);
// 输出：[1, 4, 9, 16, 25]

3. Ekstrak sifat objek daripada tatasusunan:

Summary, fungsi peta

JavaScript ialah kaedah yang sangat berguna yang boleh memproses setiap elemen dalam tatasusunan dan mencipta tatasusunan baharu mengikut peraturan yang ditetapkan. Menggunakan fungsi peta untuk mencipta tatasusunan baharu adalah sangat mudah Anda hanya perlu menyediakan tatasusunan sasaran, mentakrifkan fungsi pemprosesan dan menggunakan fungsi peta untuk memprosesnya. Dalam aplikasi praktikal, fungsi peta boleh memudahkan penulisan kod dan meningkatkan kecekapan pembangunan. Kesimpulannya, menguasai penggunaan fungsi peta adalah kemahiran yang sangat penting untuk pembangunan JavaScript.

Atas ialah kandungan terperinci fungsi peta dalam JavaScript: bagaimana untuk membuat tatasusunan baharu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!