javascript forEach ітератор по елементах

синтаксис forEach ітератора

array.forEach(callbackFunction);
array.forEach(callbackFunction, thisValue);

можемо використовувати функції в нотації зі стрілочкою з ES6

array.forEach((currentElement) => { /* ... */ })
array.forEach(function(currentElement) { /* ... */ })

array.forEach((currentElement, index) => { /* ... */ })
array.forEach(function(currentElement, index) { /* ... */ })

array.forEach((currentElement, index, array) => { /* ... */ })
array.forEach(function(currentElement, index, array){ /* ... */ })

array.forEach((currentElement, index, array) => { /* ... */ }, thisValue)
array.forEach(function(currentElement, index, array) { /* ... */ }, thisValue)

приклади використання

const scores = [12, 55, 70, 47];

let total = 0;
scores.forEach((score) => {
  total += score;
});

console.log(total); // 184

const staffsDetails = [
  { name: "Jam Josh", age: 44, salary: 4000, currency: "USD" },
  { name: "Justina Kap", age: 34, salary: 3000, currency: "USD" },
  { name: "Chris Colt", age: 37, salary: 3700, currency: "USD" },
  { name: "Jane Doe", age: 24, salary: 4200, currency: "USD" }
];

let totalSalary = 0;
staffsDetails.forEach(({salary}) => {
  totalSalary += salary;
});

console.log(totalSalary + " USD"); // "14900 USD"

let scores = [12, 55, 70];

scores.forEach((score, index) => {
  console.log('score = ', score, ', index = ', index);
});

примітка: ітератор forEach не здатен повністю замінити цикл for :)
у окремих випадках нам все-таки потрібен цикл for

Посилання

https://www.freecodecamp.org/news/javascript-foreach-js-array-for-each-example/