TGViewer
Frontend | Вопросы собесов Frontend | Вопросы собесов @easy_javascript_ru · 17.6K subscribers
Post #945 5.51K
🤔 Map filter reduce foreach, для чего нужны, особенности использования?

Методы map, filter, reduce и forEach в JavaScript предназначены для обработки массивов и предоставляют мощные инструменты для работы с данными. Эти методы упрощают и делают код более читаемым и декларативным.

🚩forEach

Метод forEach выполняет указанную функцию один раз для каждого элемента в массиве.
const array = [1, 2, 3, 4, 5];

array.forEach((element) => {
console.log(element);
});


🚩Особенности

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

🚩map

Метод map создаёт новый массив с результатом вызова указанной функции для каждого элемента массива.
const array = [1, 2, 3, 4, 5];

const doubled = array.map((element) => {
return element * 2;
});

console.log(doubled); // [2, 4, 6, 8, 10]


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

🚩filter

Метод filter создаёт новый массив со всеми элементами, прошедшими проверку, задаваемую в передаваемой функции.
const array = [1, 2, 3, 4, 5];

const evenNumbers = array.filter((element) => {
return element % 2 === 0;
});

console.log(evenNumbers); // [2, 4]


🟠Возвращает новый массив
Включает только те элементы, которые соответствуют условию.
🟠Использование
Подходит для фильтрации данных на основе заданного условия.

🚩reduce

Метод reduce выполняет функцию редуктора (сборщика) для каждого элемента массива, сводя массив к одному значению.
const array = [1, 2, 3, 4, 5];

const sum = array.reduce((accumulator, currentValue) => {
return accumulator + currentValue;
}, 0);

console.log(sum); // 15


🟠Возвращает одно значение
Результат выполнения функции редуктора.
🟠Начальное значение
Второй аргумент функции reduce задает начальное значение аккумулятора.
🟠Использование
Подходит для агрегирования данных, например, для вычисления суммы, произведения или объединения значений.

Ставь 👍 и забирай 📚 Базу знаний
  • 👍 23
  • ❤ 1
More from @easy_javascript_ru
  1. Oct 13, 2026🤔 Что такое репозиторий? Это хранилище кода, файлов и их истории изменений. Используется…
  2. Oct 13, 2026🤔 Как мы можем замерить скорость работы участка кода с date.Now? В JavaScript можно замер…
  3. Oct 12, 2026Post #3039
  4. Oct 12, 2026🤔 Зачем нужен docker? Это инструмент для создания, развертывания и управления контейнерам…
  5. Oct 11, 2026🤔 Для чего нужен тег <noscript>? Он используется для отображения альтернативного контента…
  6. Oct 11, 2026🤔 Какими способами мы можем получить картинку с сервера? В веб-разработке есть разные спо…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →