Одна из фундаментальных концепций JavaScript — перебор массивов. Цикл forEach — мощный метод, позволяющий выполнять операции над каждым элементом массива. В этой статье мы рассмотрим различные методы использования цикла forEach с примерами кода, чтобы продемонстрировать его универсальность и полезность.

Метод 1: базовый цикл forEach
Основной синтаксис цикла forEach следующий:

array.forEach(function(currentValue, index, array) {
  // Perform operations on currentValue
});

Пример:

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
  console.log(number);
});

Выход:

1
2
3
4
5

Метод 2: использование функции стрелки
В ES6 представлены функции стрелок, которые обеспечивают краткий синтаксис для определения функций. Вы можете использовать стрелочные функции с циклом forEach, чтобы сделать код более кратким:

array.forEach((currentValue, index, array) => {
  // Perform operations on currentValue
});

Пример:

const fruits = ['apple', 'banana', 'orange'];
fruits.forEach(fruit => {
  console.log(fruit);
});

Выход:

apple
banana
orange

Метод 3: изменение элементов массива
Цикл forEach позволяет изменять элементы массива. Вы можете напрямую обновить массив внутри цикла:

array.forEach(function(currentValue, index, array) {
  // Modify currentValue
  array[index] = newValue;
});

Пример:

const names = ['Alice', 'Bob', 'Charlie'];
names.forEach(function(name, index, array) {
  array[index] = name.toUpperCase();
});
console.log(names);

Выход:

['ALICE', 'BOB', 'CHARLIE']

Метод 4: раннее завершение с возвратом
Если вы хотите досрочно завершить цикл на основе определенного условия, вы можете использовать оператор returnвнутри цикла:

array.forEach(function(currentValue, index, array) {
  // Terminate the loop based on a condition
  if (condition) {
    return;
  }
});

Пример:

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
  if (number === 3) {
    return;
  }
  console.log(number);
});

Выход:

1
2
4
5

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

Не забывайте экспериментировать и изучать другие методы работы с массивами в JavaScript, чтобы улучшить свои навыки программирования.