Java Script - Iterasi - .forEach()

ITERATOR

.forEach()

Metode iterator pertama yang akan kita pelajari adalah .forEach(). Tepatnya bernama, .forEach()  , metode ini akan mengeksekusi kode yang sama pada setiap elemen array.

let groceries = ['whole wheat flour', 'brown sugar', 'salt', 'cranberries', 'walnuts']; 

groceries.forEach(function(groceryItem) {
  console.log(' - ' + groceryItem);
});

Kode di atas akan mencatat daftar belanjaan yang diformat dengan baik ke konsol. Mari kita telusuri setiap sintaksis secara detil.

1. Baris pertama adalah array grocery items.
2. groceries.forEach memanggil metode .forEach() pada daftar bahan makanan.
3. (function(groceryItem) { membuat fungsi yang mengambil parameter tunggal, groceryItem dan membuka blok kode untuk fungsi itu. Karena. .forEach() adalah metode iterator, setiap elemen dalam array groceries akan diteruskan ke fungsi ini sebagai argumen di tempat groceryItem
Secara sintaksis, nama parameter tidak masalah. Namun, itu adalah praktik terbaik untuk memberikan nama deskriptif parameter sehingga pengembang lain yang membaca kode Anda dapat dengan mudah memahami apa yang dilakukannya.
4. console.log(' - ' + groceryItem); adalah kode yang ingin kita jalankan pada setiap elemen dalam array. Mencatat item ke konsol dengan - di depannya membuat elemen terlihat seperti daftar saat dicetak.
5. }); menutup blok kode fungsi dan metode .forEach() dalam urutan itu.
Kita dapat menyederhanakan kode ini menggunakan sintaks fungsi panah.

groceries.forEach(groceryItem => console.log(' - ' + groceryItem));

Ada tiga hal penting yang perlu diketahui tentang metode .forEach().

Ini adalah metode array. Itu harus dipanggil ke array.
Perubahan apa pun ke nilai array yang di-iterasi tidak akan diperbarui dalam array asli.
Nilai kembalian tidak terdefinisi.
1. Iterate atas array buah-buahan untuk log saya ingin makan plus nama setiap buah ke konsol. Misalnya, saya ingin makan mangga.

Gunakan sintaks fungsi (parameter) untuk langkah ini (bukan fungsi panah => sintaks).

Solusi :

let fruits = ['mango', 'papaya', 'pineapple', 'apple'];

// Iterate over fruits below
fruits.forEach(function(fruitsItem)
{             
  console.log(' * ' + fruitsItem);
});


2. Refactor. ForEach () memanggil Anda hanya menulis menggunakan sintaks fungsi panah sebagai gantinya.


Solusi :

let fruits = ['mango', 'papaya', 'pineapple', 'apple'];

// Iterate over fruits below
fruits.forEach(fruitsItem =>
  console.log(' * ' + fruitsItem));