JavaScript forEach ()

Daftar Isi

JavaScript forEach
forEach dengan Array
Memperbarui Elemen Array
forEach dengan Fungsi Panah
for loop ke forEach ()
untuk ... dari dengan Sets
forEach dengan Maps

Dalam tutorial ini, Anda akan belajar tentang metode JavaScript forEach () dengan bantuan contoh.

The forEach()metode panggilan fungsi dan iterates atas elemen-elemen array. The forEach()Metode ini juga dapat digunakan di Maps dan Set.

JavaScript forEach

Sintaks dari forEach()metode ini adalah:

 array.forEach(function(currentValue, index, arr))

Sini,

function (currentValue, index, arr) - fungsi yang akan dijalankan untuk setiap elemen array
currentValue - nilai array
index (opsional) - indeks elemen saat ini

arr (opsional) - larik elemen saat ini

forEach dengan Array

The forEach()metode yang digunakan untuk iterate melalui array. Sebagai contoh,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )

Keluaran

 John Sara Jack

Dalam program di atas, forEach()metode mengambil myFunction()fungsi yang menampilkan setiap elemen array siswa.

Memperbarui Elemen Array

Seperti yang telah kita lihat pada contoh di atas, forEach()metode ini digunakan untuk mengulangi larik, cukup sederhana untuk memperbarui elemen larik. 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);

Keluaran

 ("Halo John", "Halo Sara", "Halo Jack")

forEach dengan Fungsi Panah

Anda dapat menggunakan fungsi panah dengan forEach()metode untuk menulis program. Sebagai contoh,

 // with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));

Keluaran

 John Sara Jack

for loop ke forEach ()

Berikut adalah contoh bagaimana kita dapat menulis program dengan forloop dan dengan forEach().

Menggunakan for loop

 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);

Keluaran

 ("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 … dari dengan Sets

Anda dapat melakukan iterasi melalui elemen Set menggunakan forEach()metode ini. Sebagai contoh,

 // define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )

Keluaran

 1 2 3

forEach dengan Maps

Anda dapat melakukan iterasi melalui elemen Peta menggunakan forEach()metode ini. 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); )

Keluaran