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

Аватар пользователя Maksim Litvinov
Maksim Litvinov
20 ноября 2024

Метод 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()

1 0

Есть что добавить? Зарегистрируйтесь

или войдите в аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Курсы по программированию в Хекслете

Программирование

Веб-разработка

Разработка, верстка и деплой сайтов и веб-приложений, трудоустройство для разработчиков

Frontend-разработка

Разработка внешнего интерфейса сайтов и веб-приложений и верстка

Создание сайтов

Разработка сайтов и веб-приложений на JS, Python, Java, PHP и Ruby on Rails

Backend-разработка

Разработка серверной части сайтов и веб-приложений

Тестирование

Ручное тестирование и автоматизированное тестирование на JS, Python, Java и PHP

Аналитика данных

Сбор, анализ и интерпретация данных на Python

Интенсивные курсы

Интенсивное обучение для продолжающих

DevOps

Автоматизация настройки локального окружения и серверов, развертывания и деплоя

Математика для программистов

Обучение разделам математики, которые будут полезны при изучении программирования

JavaScript

Разработка сайтов и веб-приложений и автоматизированное тестирование на JS

Тест-драйв

Python

Веб-разработка, автоматическое тестирование и аналитика данных на Python

Java

Веб-разработка и автоматическое тестирование на Java

PHP

Веб-разработка и автоматическое тестирование на PHP

Ruby

Разработка сайтов и веб-приложений на Ruby on Rails

Go

Курсы по веб-разработке на языке Go

Верстка

HTML

Современная верстка с помощью HTML и CSS

SQL

Проектирование базы данных, выполнение SQL-запросов и изучение реляционных СУБД

Git

Система управления версиями Git, регулярные выражения и основы командой строки

Бесплатные курсы

Бесплатные курсы по тестированию, дата-аналитике, верстке, программированию на Python, Java, PHP и JavaScript.

Базы данных

Фреймворки