Найти тему
Роман Юрьевич

Map, filter, find in JavaScript

Видео с youtube

1. Map

Метод map() создаёт новый массив с результатом вызова указанной функции для каждого элемента массива.

Пример:

const arrayMap = [1,2,3]

const resultMap = arrayMap.map(item => item + 2)

в результате получите массив [3,4,5]

Получается item + 2 применяется на каждый элемент массива, item - элемент массива

2. Filter

Метод filter() создаёт новый массив со всеми элементами, прошедшими проверку, задаваемую в передаваемой функции.

Пример:

const arrayFilter = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const resultFilter = arrayFilter.filter(item => item.length > 6);

resultFilter = ["exuberant", "destruction", "present"]

фильтруется массив в зависимости от условия

3. Find

Метод find() возвращает значение первого найденного в массиве элемента, которое удовлетворяет условию переданному в callback функции.  В противном случае возвращается undefined.

let users = [ {id: 1, name: "Вася"}, {id: 2, name: "Петя"}, {id: 3, name: "Маша"} ]; let user = users.find(item => item.id == 1);

user = {id: 1, name: "Вася"}

С подпиской рекламы не будет

Подключите Дзен Про за 159 ₽ в месяц