ForEach в JavaScript: простой и эффективный способ

Цикл foreach является одним из наиболее распространенных способов итерации по элементам массива в JavaScript. Он позволяет перебирать каждый элемент массива и выполнять над ним определенные действия.

Синтаксис цикла foreach выглядит так:

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

где:

• array - массив, который нужно перебрать;
• currentValue - значение текущего элемента массива;
• index - индекс текущего элемента массива;
• arr - сам массив;
• thisValue (необязательный) - значение, используемое в качестве this при выполнении function.

Пример:

js
const names = ['Alice', 'Bob', 'Charlie'];
names.forEach(function(name) {
  console.log(name);
});

В данном примере мы создали массив из трех имен - Alice, Bob и Charlie и используем метод forEach для перебора каждого элемента массива. Мы передали функцию, которая принимает один параметр name и выводит его на консоль.

В результате выполнения кода на консоли поочередно будут выводиться три имени:

Alice
Bob
Charlie

Еще один пример использования цикла foreach - добавление пунктов в список на странице.

HTML код:

html

JS код:

js
const myList = document.getElementById('myList');
const items = ['item1', 'item2', 'item3'];
items.forEach(function(item) {
  const li = document.createElement('li');
  li.textContent = item;
  myList.appendChild(li);
});

В данном примере мы создаем массив items, который содержит три строки - item1, item2, item3. Мы используем метод forEach для перебора каждого элемента массива и создания нового элемента списка li с текстом этого элемента. Затем мы добавляем созданный элемент li в список myList на странице. В результате мы получим список с тремя элементами:

• item1
• item2
• item3