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

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

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


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

где:

Пример:

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 на странице. В результате мы получим список с тремя элементами:

    Похожие вопросы на: "foreach js "

    Python магические методы: что это такое и как использовать?
    Segmantation Fault Core Dumped: Причины и Решения ошибки
    Как быстро выяснить расстояние между датами и узнать, сколько дней осталось до события?
    List Remove: Remove Duplicate Items from Your Lists in Seconds
    Деление без остатка
    Обновление Node.js: повышение производительности и функциональности
    <h1>RAL to RGB - конвертер цветов из RAL в RGB
    <h1>Into SQL - учебник для начинающих
    GREP Мануал: Руководство по использованию инструмента для поиска и фильтрации текста в Linux
    <h1>HTMLWebpackPlugin