Menu
Coddy logo textTech

Методы массивов. Часть 4

Часть раздела Основы путешествия по JavaScript на Coddy — урок 69 из 77.

Вот еще больше полезных методов массивов:

1. map(callback): Создает новый массив, заполненный результатами вызова предоставленной функции для каждого элемента в исходном массиве.

let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Результат: [2, 4, 6]

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

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Результат: [2, 4]

3. reduce(callback, initialValue): Выполняет функцию-редуктор для каждого элемента массива, что приводит к одному выходному значению.

let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Результат: 10
challenge icon

Задание

Легко

Вам дан массив numbers = [1, 2, 3, 4, 5]. Выполните следующие шаги и выведите результаты напрямую:

  1. Используйте map(), чтобы создать новый массив, в котором каждое число умножено на 3, и выведите результат.
  2. Используйте filter(), чтобы создать новый массив, который включает только числа больше 3, и выведите результат.

Шпаргалка

Методы массивов для преобразования и фильтрации данных:

map(callback): Создает новый массив, применяя функцию к каждому элементу:

let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Результат: [2, 4, 6]

filter(callback): Создает новый массив с элементами, которые прошли проверку:

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Результат: [2, 4]

reduce(callback, initialValue): Сворачивает массив в одно значение:

let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Результат: 10

Попробуйте сами

let numbers = [1, 2, 3, 4, 5];
quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Основы