Деструктуризация массивов
Часть раздела Логика и поток путешествия по JavaScript на Coddy — урок 47 из 65.
Деструктуризация массива — это удобный способ извлечения нескольких значений из массива и их присваивания переменным в одном выражении. Она использует синтаксис, который зеркально отражает структуру литерала массива.
Базовый синтаксис:
const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3Вы можете пропускать элементы:
const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3Вы можете использовать остаточные параметры (rest parameters) для захвата оставшихся элементов:
const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a); // 1
console.log(rest); // [2, 3, 4, 5]Вы можете указать значения по умолчанию:
const [a, b, c = 3] = [1, 2];
console.log(c); // 3
Задание
ЛегкоСоздайте функцию с названием analyzeArray, которая принимает массив в качестве аргумента. Функция должна использовать деструктуризацию массива для извлечения первого, второго и последнего элементов массива. Она должна возвращать объект со следующими свойствами:
first: Первый элемент массиваsecond: Второй элемент массиваlast: Последний элемент массиваrestLength: Количество оставшихся элементов в массиве
Если какой-либо из этих элементов отсутствует, используйте значения по умолчанию null.
Шпаргалка
Деструктуризация массива извлекает несколько значений из массива и присваивает их переменным в одном выражении:
const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3Пропускайте элементы, оставляя пустые места:
const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3Используйте rest-параметры для захвата оставшихся элементов:
const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a); // 1
console.log(rest); // [2, 3, 4, 5]Указывайте значения по умолчанию для отсутствующих элементов:
const [a, b, c = 3] = [1, 2];
console.log(c); // 3Попробуйте сами
function analyzeArray(arr) {
// Напишите свой код здесь
}
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Логика и поток
1Строки в деталях
Основы работы со строкамиИтерация по строкамШаблонные литералыМетоды строкИтоги — String Weaver4JSON Часть 2
Итерация по JSONВложенный JSONОпциональная цепочка JSONПоверхностное и глубокое копированиеПовторение — Магазин велосипедовПовторение — Солнечная система7Система управления библиотекой
Обзор проектаДобавление книг
Поиск по названиюФильтрация по жанруОтметить как прочитанное10Управление системой фестиваля
Обзор проектаДобавление фильмов и площадокДобавление сеансаПокупка билетовОценка фильмовОтмена сеансов2Многомерные массивы
Основы 2D массивовДоступ к элементам 2D массиваВложенные циклы и 2D массивыПовторение: 2D массивыСложение и вычитание матрицСтупенчатые массивы3D массивы и далееРаспространенные паттерны 2D массивовПовторение: всё о массивах5Множества. Часть 1
Что такое множество?Итерация по множествамДобавление элементаУдаление элементаПроверка наличия элементаРазмер и проверка на пустотуКопирование и очисткаИтоги — Основы множеств8Интересные темы о массивах
Деструктуризация массивовСинтаксис Spread в массивахРазреженные массивыИтоги — Воркшоп по массивам3JSON. Часть 1
Что такое JSON?Проверка наличия ключаМетоды объектовОператор spread. Часть 1Оператор spread. Часть 2Удаление ключейПовторение: манипуляции с ключами JSON