В чем разница между forEach и map в JavaScript

1️⃣ Как кратко ответить

forEach выполняет указанную функцию один раз для каждого элемента массива и не возвращает новый массив. map также выполняет функцию для каждого элемента, но возвращает новый массив с результатами выполнения этой функции.

2️⃣ Подробное объяснение темы

В JavaScript forEach и map — это методы массивов, которые позволяют выполнять операции над каждым элементом массива. Однако они имеют разные цели и поведение.

forEach

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

Пример использования forEach:

const numbers = [1, 2, 3, 4, 5];
​
// Используем forEach для вывода каждого элемента в консоль
numbers.forEach((number) => {
  console.log(number);
});

• numbers — это массив чисел.
• forEach принимает функцию обратного вызова, которая выполняется для каждого элемента массива.
• number — текущий элемент массива, передаваемый в функцию обратного вызова.
• console.log(number) — выводит текущий элемент в консоль.

map

map используется, когда необходимо преобразовать каждый элемент массива и получить новый массив с результатами этого преобразования. Он всегда возвращает новый массив, длина которого равна длине исходного массива.

Пример использования map:

const numbers = [1, 2, 3, 4, 5];
​
// Используем map для создания нового массива, где каждый элемент умножен на 2
const doubledNumbers = numbers.map((number) => {
  return number * 2;
});
​
console.log(doubledNumbers); // [2, 4, 6, 8, 10]

• numbers — это массив чисел.
• map принимает функцию обратного вызова, которая выполняется для каждого элемента массива.
• number — текущий элемент массива, передаваемый в функцию обратного вызова.
• number * 2 — операция, выполняемая над каждым элементом, в данном случае умножение на 2.
• doubledNumbers — новый массив, содержащий результаты преобразования каждого элемента.

Основные отличия

1. Возвращаемое значение:

   • forEach не возвращает ничего (undefined).
   • map возвращает новый массив.

2. Цель использования:

   • forEach используется для выполнения операций, которые не требуют создания нового массива, например, для побочных эффектов.
   • map используется для преобразования данных и создания нового массива.

3. Изменение исходного массива:

   • Ни forEach, ни map не изменяют исходный массив. Они работают с его копией.

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