Rumah  >  Artikel  >  hujung hadapan web  >  Menguasai Rumah Kuasa Array JavaScript: untukSetiap, petakan, tapis, kurangkan, sebarkan dan rehatkan

Menguasai Rumah Kuasa Array JavaScript: untukSetiap, petakan, tapis, kurangkan, sebarkan dan rehatkan

Patricia Arquette
Patricia Arquetteasal
2024-11-24 14:16:12857semak imbas

Mastering JavaScript

forEach: Mengulangi Elemen

Kaedah forEach berulang pada setiap elemen dalam tatasusunan, melaksanakan fungsi panggil balik yang disediakan untuk setiap elemen.

nombor const = [1, 2, 3, 4, 5];
nombor.untukSetiap(bilangan => {
console.log(bilangan);
});

peta: Mengubah Elemen

Kaedah peta mencipta tatasusunan baharu dengan menggunakan fungsi yang disediakan pada setiap elemen tatasusunan asal.

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

penapis: Memilih Elemen

Kaedah penapis mencipta tatasusunan baharu yang mengandungi hanya elemen yang lulus ujian yang dilaksanakan oleh fungsi yang disediakan.

nombor const = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num   => num % 2 === 0);
console.log(evenNumbers); // Output:  
[2, 4]

kurangkan: Mengumpul Nilai

Kaedah pengurangan mengurangkan tatasusunan kepada nilai tunggal dengan menggunakan fungsi terhadap penumpuk dan setiap elemen dalam tatasusunan.

nombor const = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator
nilai semasa, 0);
console.log(jumlah); // Output: 15

Pengendali penyebaran (...): Mengembangkan Elemen

Pengendali hamparan mengembangkan boleh lelar (tatasusunan, rentetan, objek) ke dalam elemen individunya.

nombor const = [1, 2, 3];
const newArray = [...nombor, 4, 5];
console.log(newArray); // Output: [1, 2, 3, 4, 5]

Operator rehat (...): Elemen Pengumpulan
Operator selebihnya mengumpul elemen yang tinggal ke dalam tatasusunan.

jumlah fungsi(...nombor) {
kembalikan nombor.kurangkan((jumlah, bilangan) => jumlah bilangan, 0);
}
console.log(jumlah(1, 2, 3, 4)); // Output: 10

Contoh Praktikal:

  1. Menapis Nombor Genap:

nombor const = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Output: [2, 4, 6]

  1. Mencipta Tatasusunan Baharu dengan Nombor Kuasa Dua:

nombor const = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(num => num * num);
console.log(squaredNumbers); // Output: [1, 4, 9, 16, 25]

  1. Elemen Tatasusunan Penjumlahan:

nombor const = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator
nilai semasa, 0);
console.log(jumlah); // Output: 15 

  1. Meratakan Susunan Bersarang:

const nestedArray = [[1, 2], [3, 4], [5]];
const flattenedArray = nestedArray.flat();
console.log(flattenedArray); // Output: [1, 2, 3, 4, 5]

Atas ialah kandungan terperinci Menguasai Rumah Kuasa Array JavaScript: untukSetiap, petakan, tapis, kurangkan, sebarkan dan rehatkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn