В чем различия между методами foreach() и map() в javascript

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

const arr = [1, 2, 3];
arr.forEach((element) => {
  console.log(element);
});

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

const arr = [1, 2, 3];
const newArr = arr.map((element) => {
  return element * 2;
});
console.log(newArr); // [2, 4, 6]

Подведем итог. Если вам нужно просто перебрать элементы массива для выполнения действий для каждого элемента без создания нового массива, используйте forEach(). Если же вам нужно преобразовать каждый элемент массива и получить новый массив с результатами преобразования, используйте map()