Dalam tutorial ini, anda akan belajar mengenai kaedah JavaScript forEach () dengan bantuan contoh.
The forEach()
kaedah panggilan fungsi dan iterates lebih unsur-unsur tatasusunan. The forEach()
kaedah juga boleh digunakan di Peta dan Set.
JavaScript untuk Setiap
Sintaks forEach()
kaedahnya adalah:
array.forEach(function(currentValue, index, arr))
Di sini,
- function (currentValue, index, arr) - fungsi yang akan dijalankan untuk setiap elemen array
- currentValue - nilai tatasusunan
- indeks (pilihan) - indeks elemen semasa
arr (pilihan) - susunan elemen semasa
untukSetiap dengan Susunan
The forEach()
kaedah yang digunakan untuk melelar lebih array. Sebagai contoh,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )
Pengeluaran
John Sara Jack
Dalam program di atas, forEach()
kaedah mengambil myFunction()
fungsi yang menampilkan setiap elemen array pelajar.
Mengemas kini Elemen Array
Seperti yang telah kita lihat dalam contoh di atas, forEach()
kaedah ini digunakan untuk melakukan iterasi pada array, cukup mudah untuk mengemas kini elemen array. Sebagai contoh,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item, index, arr) ( // adding strings to the array elements arr(index) = 'Hello ' + item; ) console.log(students);
Pengeluaran
("Hello John", "Hello Sara", "Hello Jack")
untukSetiap dengan Fungsi Anak Panah
Anda boleh menggunakan fungsi anak panah dengan forEach()
kaedah untuk menulis program. Sebagai contoh,
// with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));
Pengeluaran
John Sara Jack
untuk gelung ke forEach ()
Berikut adalah contoh bagaimana kita dapat menulis program dengan for
loop dan dengan forEach()
.
Menggunakan untuk gelung
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using for loop for (let i = 0; i < arrayItems.length; i++) ( copyItems.push(arrayItems(i)); ) console.log(copyItems);
Pengeluaran
("item1", "item2", "item3")
Menggunakan forEach ()
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);
untuk … daripada dengan Set
Anda boleh berulang melalui elemen Set menggunakan forEach()
kaedah. Sebagai contoh,
// define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )
Pengeluaran
1 2 3
untukSetiap dengan Peta
Anda boleh melakukan lelaran melalui elemen Peta menggunakan forEach()
kaedah. Sebagai contoh,
let map = new Map(); // inserting elements map.set('name', 'Jack'); map.set('age', '27'); // looping through Map map.forEach (myFunction); function myFunction(value, key) ( console.log(key + '- ' + value); )
Pengeluaran
nama- Jack umur- 27