Когда использовать forEach?

Когда использовать forEach

forEach - это метод массива, который позволяет перебрать все элементы и выполнить для каждого callback-функцию. Это один из самых используемых методов в JavaScript, но важно понимать, когда его действительно применять, а когда лучше выбрать альтернативы.

Основные характеристики forEach

forEach не возвращает новый массив и не имеет return значения (возвращает undefined). Он используется исключительно для выполнения побочных эффектов (side effects) над каждым элементом массива.

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

numbers.forEach(number => {
  console.log(number * 2);
});
// Output: 2, 4, 6, 8, 10

Когда использовать forEach

1. Побочные эффекты без трансформации данных

Основной и правильный случай использования - когда нужно выполнить действие для каждого элемента, но не нужен результат:

const users = [
  { id: 1, email: "user1@example.com" },
  { id: 2, email: "user2@example.com" },
  { id: 3, email: "user3@example.com" }
];

users.forEach(user => {
  sendEmail(user.email, "Welcome!");
});

2. Обновление состояния или глобальных переменных

const items = [10, 20, 30];
let total = 0;

items.forEach(item => {
  total += item;
});

console.log(total); // 60

3. Манипуляция DOM элементами

const buttons = document.querySelectorAll("button");

buttons.forEach(button => {
  button.addEventListener("click", () => {
    button.classList.add("active");
  });
});

4. Логирование и отладка

const products = [
  { id: 1, name: "Laptop" },
  { id: 2, name: "Phone" }
];

products.forEach(product => {
  console.log(`Product: ${product.name}`);
});

Когда НЕ использовать forEach

1. Нужна новая трансформированная коллекция - используй map

const numbers = [1, 2, 3];
const doubled = numbers.map(n => n * 2);

2. Нужна фильтрация данных - используй filter

const users = [{name: "John"}, {name: "Jane"}];
const filtered = users.filter(user => user.name.includes("John"));

3. Нужно найти элемент - используй find или findIndex

const items = [{id: 1}, {id: 2}, {id: 3}];
const found = items.find(item => item.id === 2);

4. Нужно проверить условие - используй some или every

const scores = [85, 92, 78];
const hasHighScore = scores.some(score => score > 90);

5. Нужно что-то вернуть из цикла - используй for или другие методы

for (const n of numbers) {
  if (n === 3) break;
}

Недостатки forEach

1. Нельзя прервать - break и continue не работают
2. Нельзя вернуть значение - return просто переходит к следующей итерации
3. Менее производителен чем традиционный for на больших массивах
4. Изменяемость - легко забыть, что нельзя изменить сам перебираемый массив

Альтернативы

for (let i = 0; i < array.length; i++) {
  // максимальная производительность
}

for (const value of array) {
  // удобен для итерирования значений
}

while (condition) {
  // когда нужна полная контроль
}

Вывод

Используй forEach когда нужно выполнить действие для каждого элемента без создания новой коллекции, возврата значения или прерывания цикла. В других случаях выбирай более специализированный метод: map, filter, find, some, every или обычный for/for...of цикл.