Kaedah JavaScript forEach adalah salah satu daripada beberapa cara untuk melengkapkan array. Setiap kaedah mempunyai ciri yang berbeza, dan bergantung kepada anda, bergantung pada apa yang anda lakukan, untuk memutuskan mana yang akan digunakan.
Dalam catatan ini, kita akan melihat lebih dekat kaedah JavaScript untukSetiap kaedah.
Memandangkan kami mempunyai susunan berikut di bawah:
const numbers = [1, 2, 3, 4, 5];Menggunakan "untuk gelung" tradisional untuk melengkapkan array akan seperti ini:
for (i = 0; i < numbers.length; i++) { console.log(numbers[i]); } Apa yang menjadikan kaedah forEach () berbeza?
Kaedah forEach juga digunakan untuk melancarkan array, tetapi menggunakan fungsi yang berbeza daripada klasik "untuk gelung".
Kaedah forEach meneruskan fungsi panggilan balik untuk setiap elemen array bersama dengan parameter berikut:
- Nilai Semasa (diperlukan) - Nilai elemen array semasa
- Indeks (pilihan) - Nombor indeks elemen semasa
- Array (pilihan) - Objek array yang menjadi elemen semasa
Izinkan saya menerangkan parameter ini langkah demi langkah.
Pertama, untuk melengkapkan array dengan menggunakan kaedah forEach, anda memerlukan fungsi panggilan balik (atau fungsi tanpa nama):
numbers.forEach(function() { // code });Fungsi akan dijalankan untuk setiap elemen array. Ia mesti mengambil sekurang-kurangnya satu parameter yang mewakili unsur-unsur array:
numbers.forEach(function(number) { console.log(number); });Itu sahaja yang perlu kita lakukan untuk melengkapkan array:
Sebagai alternatif, anda boleh menggunakan perwakilan fungsi anak panah ES6 untuk mempermudah kod:
numbers.forEach(number => console.log(number));Parameter Pilihan
Indeks
Baiklah sekarang mari kita teruskan dengan parameter pilihan. Yang pertama adalah parameter "indeks", yang mewakili bilangan indeks setiap elemen.
Pada dasarnya, kita dapat melihat nombor indeks elemen jika kita memasukkannya sebagai parameter kedua:
numbers.forEach((number, index) => { console.log('Index: ' + index + ' Value: ' + number); });
Array
Parameter array adalah tatasusunan itu sendiri. Ia juga pilihan dan boleh digunakan jika perlu dalam pelbagai operasi. Jika tidak, jika kita menyebutnya, ia akan dicetak seberapa banyak bilangan elemen array:
numbers.forEach((number, index, array) => { console.log(array); });
Anda dapat melihat contoh penggunaan kaedah forEach () dalam video ini:
Sokongan Penyemak Imbas
Kaedah Array.forEach disokong dalam semua penyemak imbas yang mengharapkan IE versi 8 atau lebih awal:
Sekiranya anda ingin mengetahui lebih lanjut mengenai Pembangunan Web, sila lawati Saluran Youtube saya.
Terima kasih kerana membaca!