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 "

    Как исправить ошибку "Microsoft Visual C++ Runtime Library" на компьютере
    Программирование на Python: начальный курс от начинающего до эксперта
    Изменение размера шрифта с помощью CSS
    Ошибка 0x80080005: как ее исправить на компьютере Windows
    Entity Framework Core: практическое руководство и советы
    Как отключить услуги ненадежного разработчика iOS
    Обзор GCC для Linux
    CherryPy: легкий фреймворк Python для быстрой разработки веб-приложений
    <h1>Реакт фрагмент: что это такое и для чего нужно?
    <h1>` не является допустимым HTML-кодом для обозначения заголовка h1. Верный синтаксис выглядит так: `<h1>Your Heading Here