JavaScript forEach: простая и эффективная работа с массивами

JavaScript foreach

JavaScript foreach - это метод, который позволяет выполнять определенные действия для каждого элемента массива или коллекции. Этот метод упрощает итерацию по элементам, не требуя явного использования циклов и операторов условия. Вместо этого, он применяет функцию обратного вызова (callback) ко всем элементам, каждый раз передавая в нее текущий элемент и его индекс.

Следует отметить, что метод foreach возможно использовать только для массивов и коллекций, иначе возникнет ошибка.

Примеры использования метода foreach:

1. Простая итерация по массиву:


const numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(element) {
    console.log(element);
});

В данном примере каждый элемент массива будет выведен в консоль. В результате выполнения кода будут выведены числа 1, 2, 3, 4, 5.

2. Использование индекса:


const fruits = ['apple', 'banana', 'orange'];

fruits.forEach(function(element, index) {
    console.log(`Fruit ${index + 1}: ${element}`);
});

В этом примере мы итерируемся по массиву фруктов и выводим на экран каждый элемент вместе с его индексом. Результатом выполнения кода будут следующие строки: "Fruit 1: apple", "Fruit 2: banana", "Fruit 3: orange".

3. Применение метода foreach к коллекции объектов:


const users = [
    { name: 'John', age: 30 },
    { name: 'Jane', age: 25 },
    { name: 'Alex', age: 35 }
];

users.forEach(function(user) {
    console.log(`${user.name} is ${user.age} years old.`);
});

В данном примере мы проходимся по каждому объекту в коллекции пользователей и выводим информацию о каждом из них. В результате выполнения кода будут выведены строки: "John is 30 years old.", "Jane is 25 years old.", "Alex is 35 years old."

JavaScript forEach: простая и эффективная работа с массивами