Оператор spread. Часть 2
Часть раздела Логика и поток путешествия по JavaScript на Coddy — урок 19 из 65.
Оператор spread может объединять объекты (JSON):
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};Теперь completeProfile будет содержать все четыре ключа: name, age, company и position:
console.log(completeProfile);
// Вывод: {name: "John", age: 30, company: "Tech Corp", position: "Developer"}Он также может добавлять новые свойства и переопределять существующие свойства при копировании:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};
Задание
ЛегкоСоздайте функцию с именем mergeCars, которая принимает два объекта автомобилей в качестве параметров. Функция должна объединить свойства второго автомобиля со свойствами первого автомобиля и вернуть новый объект автомобиля, не изменяя ни один из исходных объектов.
Шпаргалка
Оператор расширения (spread) может объединять объекты:
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};Он также может добавлять новые свойства и переопределять существующие при копировании:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};Попробуйте сами
function mergeCars(car1, car2) {
// Напишите код здесь
}
// Не пишите ничего вне функции
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Логика и поток
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