Продвинутые массивы

map, filter, reduce, sort, flat — мощные методы для работы с данными.

Язык примеров:

Шаг 1 из 3

map и filter

map — трансформация каждого элемента

map создаёт новый массив, применяя функцию к каждому элементу. Исходный массив не изменяется.

const nums = [1, 2, 3, 4];
const doubled = nums.map(n => n * 2); // [2, 4, 6, 8]
const strings = nums.map(n => String(n)); // ["1", "2", "3", "4"]

filter — отбор по условию

filter создаёт новый массив только из элементов, для которых функция вернула true.

const evens = nums.filter(n => n % 2 === 0); // [2, 4]
const bigNums = nums.filter(n => n > 2);      // [3, 4]

Сравнение: когда что использовать

Задача	Метод
Изменить каждый элемент	`map`
Убрать некоторые элементы	`filter`
Сделать и то, и другое	`filter` → `map`

JavaScript

const users = [
  { name: "Иван", age: 22, active: true },
  { name: "Мария", age: 17, active: false },
  { name: "Пётр", age: 30, active: true },
];

// Имена только активных совершеннолетних пользователей
const result = users
  .filter(u => u.active && u.age >= 18)
  .map(u => u.name);

console.log(result); // ["Иван", "Пётр"]

События Map и Set

StudyCode

map — трансформация каждого элемента

map создаёт новый массив, применяя функцию к каждому элементу. Исходный массив не изменяется.

const nums = [1, 2, 3, 4];
const doubled = nums.map(n => n * 2); // [2, 4, 6, 8]
const strings = nums.map(n => String(n)); // ["1", "2", "3", "4"]

Задача

Метод

Изменить каждый элемент

map

Убрать некоторые элементы

filter

Сделать и то, и другое

filter → map

const users = [ { name: "Иван", age: 22, active: true }, { name: "Мария", age: 17, active: false }, { name: "Пётр", age: 30, active: true }, ]; // Имена только активных совершеннолетних пользователей const result = users .filter(u => u.active && u.age >= 18) .map(u => u.name); console.log(result); // ["Иван", "Пётр"]