ust Tahu Kaedah Tatasusunan JavaScript

Panduan ini meneroka enam kaedah tatasusunan JavaScript asas: filter, map, reduce, some, every dan includes. Menguasai ini akan meningkatkan kemahiran pengaturcaraan JavaScript anda dengan ketara.

1. filter() Kaedah:

Kaedah filter() mencipta tatasusunan baharu yang mengandungi hanya elemen yang memenuhi syarat tertentu. Elemen yang gagal memenuhi syarat akan ditinggalkan.

Cara ia Berfungsi:

• Lelaran melalui setiap elemen tatasusunan.
• Menggunakan fungsi panggil balik pada setiap elemen.
• Jika panggilan balik kembali true, elemen disertakan dalam tatasusunan baharu; jika tidak, ia dikecualikan.

<code class="language-javascript">let boxers = [
    { name: "Tyson Fury", weight: 280 },
    { name: "Mairis Briedis", weight: 199 },
    { name: "Artur Beterbiev", weight: 175 },
    { name: "Jermall Charlo", weight: 160 },
    { name: "Terence Crawford", weight: 146 }
];

// Filter boxers weighing over 170 pounds
let heavyweights = boxers.filter(boxer => boxer.weight > 170);

console.log(heavyweights);</code>

Output:

<code class="language-javascript">[
    { name: "Tyson Fury", weight: 280 },
    { name: "Mairis Briedis", weight: 199 },
    { name: "Artur Beterbiev", weight: 175 }
]</code>

2. map() Kaedah:

Kaedah map() mengubah setiap elemen tatasusunan dan mengembalikan tatasusunan baharu dengan elemen yang diubah.

Cara ia Berfungsi:

• Lelaran melalui setiap elemen tatasusunan.
• Menggunakan fungsi panggil balik pada setiap elemen.
• Nilai pulangan panggil balik menggantikan elemen asal dalam tatasusunan baharu.

<code class="language-javascript">let decimalNumbers = [222, 354, 4684, 123, 5];

// Convert decimal numbers to hexadecimal
let hexNumbers = decimalNumbers.map(num => num.toString(16));

console.log(hexNumbers);</code>

3. reduce() Kaedah:

Kaedah reduce() secara berulang menggunakan fungsi panggil balik pada setiap elemen, mengumpul nilai hasil tunggal.

Cara ia Berfungsi:

• Lelaran melalui tatasusunan.
• Menggunakan panggilan balik pada penumpuk dan elemen semasa.
• Hasil panggilan balik menjadi nilai penumpuk baharu.
• Nilai penumpuk akhir dikembalikan.

<code class="language-javascript">let numbers = [1, 2, 3, 4, 5];

// Calculate the sum of all numbers
let sum = numbers.reduce((accumulator, current) => accumulator + current, 0);

console.log(sum); // Output: 15</code>

4. some() Kaedah:

Kaedah some() menyemak sama ada sekurang-kurangnya satu elemen memenuhi syarat tertentu. Ia mengembalikan true jika padanan ditemui, false sebaliknya.

Cara ia Berfungsi:

• Lelaran melalui tatasusunan.
• Berhenti dan kembali true serta-merta apabila menemui elemen yang memenuhi syarat.
• Mengembalikan false jika tiada unsur yang memenuhi syarat.

<code class="language-javascript">let ages = [16, 20, 14, 18];

// Check if at least one person is an adult (≥ 18)
let hasAdult = ages.some(age => age >= 18);

console.log(hasAdult); // Output: true</code>

5. every() Kaedah:

Kaedah every() menyemak sama ada semua elemen memenuhi syarat tertentu. Mengembalikan true hanya jika setiap elemen melepasi; jika tidak, false.

Cara ia Berfungsi:

• Lelaran melalui tatasusunan.
• Mengembalikan false serta-merta jika elemen gagal memenuhi syarat.
• Mengembalikan true hanya jika semua elemen melepasi.

<code class="language-javascript">let scores = [80, 85, 90, 95];

// Check if all scores are above 75
let allAbove75 = scores.every(score => score > 75);

console.log(allAbove75); // Output: true</code>

6. includes() Kaedah:

Kaedah includes() menyemak sama ada tatasusunan mengandungi nilai tertentu. Mengembalikan true jika ditemui, false sebaliknya.

Cara ia Berfungsi:

• Mencari nilai menggunakan kesaksamaan yang ketat (===).
• Indeks permulaan pilihan boleh ditentukan.

<code class="language-javascript">let boxers = [
    { name: "Tyson Fury", weight: 280 },
    { name: "Mairis Briedis", weight: 199 },
    { name: "Artur Beterbiev", weight: 175 },
    { name: "Jermall Charlo", weight: 160 },
    { name: "Terence Crawford", weight: 146 }
];

// Filter boxers weighing over 170 pounds
let heavyweights = boxers.filter(boxer => boxer.weight > 170);

console.log(heavyweights);</code>

Atas ialah kandungan terperinci ust Tahu Kaedah Tatasusunan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!