Справочник JavaScript

Array.prototype.filter

Создаёт новый массив из элементов, прошедших проверку.

Доступно с: ES5

Синтаксис

array.filter(callbackFn)

Параметр	Тип	Описание
callbackFn	Function	Функция-проверка: элемент попадает в результат, если она вернула `true`.

ArrayНовый массив с отобранными элементами; пустой, если ни один не подошёл.

Только чётные числа:

console.log([1, 2, 3, 4].filter((n) => n % 2 === 0).join(', '));

Результат:

2, 4

Отбор объектов по свойству:

const tasks = [
  { title: 'Tea', done: true },
  { title: 'Coffee', done: false },
];
 
console.log(tasks.filter((task) => !task.done).length);

Результат:

Исходный массив не меняется. Чтобы получить один элемент, а не массив, используйте find().

Array.prototype.map — Создаёт новый массив, преобразуя каждый элемент.
Array.prototype.find — Возвращает первый элемент, прошедший проверку.
Array.prototype.every — Проверяет, что все элементы массива подходят под условие.

map, filter и reduce — Три главных метода обработки массивов в JavaScript: преобразование, отбор и сведение к одному значению.