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