Методы массивов. Часть 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Задание
ЛегкоВам дан массив numbers = [1, 2, 3, 4, 5]. Выполните следующие шаги и выведите результаты напрямую:
- Используйте
map(), чтобы создать новый массив, в котором каждое число умножено на 3, и выведите результат. - Используйте
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];В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Основы
4Операторы. Часть 2
Логические операторы. Часть 1Логические операторы. Часть 2Повторение — простая логикаЛогические операторы. Часть 3Приведение типов7Калькулятор разделения счета
Приветственное сообщениеРасчет чаевых и общей суммы2Переменные
ЧислаСтрокиBooleanПравила именованияПустые переменныеИтоги: Инициализация переменныхКонстанты5Принятие решений
Оператор IfКонструкция If - ElseПовторение — Простой калькуляторВложенные конструкции If - ElseОператор Switch3Операторы, часть 1
Арифметические операторыОператор остатка от деленияАрифметические сокращенияОператоры сравненияСтрогое и нестрогое равенствоПовторение: простая математика6Основы ввода-вывода
ВыводВывод с переменнымиПреобразование типов — Часть 1Преобразование типов — Часть 2Повторение — До 120Повторение — True или False9Функции
Объявление функцииАргументыВозврат значенияПовторение: функция SigmaФункциональное выражениеПараметры по умолчаниюСтрелочные функцииПовторение: функция валидации12Массивы. Часть 2
Перебор массивовМетод forEachЦикл for...ofПовторение — счетчик PСрезы массивовМетоды массивов. Часть 3Методы массивов. Часть 4Проверка на вхождение