Поверхностное и глубокое копирование

Часть раздела Логика и поток путешествия по JavaScript на Coddy. Урок 25 из 65.

При копировании objects существуют два типа копий:

Поверхностная копия — копирует только первый уровень
Глубокая копия — копирует все вложенные уровни nested

Методы поверхностного копирования:

Использование оператора расширения:

const original = { a: 1, b: { x: 2 } };
const spreadCopy = { ...original };

Использование Object.assign(), который создаёт новый объект, копируя свойства из исходного объекта в целевой:

const assignCopy = Object.assign({}, original);

Проблема с поверхностным копированием:

original.b.x = 3;
console.log(spreadCopy.b.x); // 3
// (вложенные объекты разделяют ссылку)

console.log(assignCopy.b.x); // 3

Понимание методов JSON и глубокого копирования

JSON.stringify() преобразует объект JavaScript в строку JSON:

const obj = { name: "John", age: 30 };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // "{"name":"John","age":30}"

JSON.parse() преобразует строку JSON обратно в объект JavaScript:

const backToObject = JSON.parse(jsonString);
console.log(backToObject); // { name: "John", age: 30 }

Глубокое копирование с использованием JSON:

const original = { a: 1, b: { x: 2 } };
const deepCopy = JSON.parse(JSON.stringify(original));

original.b.x = 3;
console.log(deepCopy.b.x); // 2 (полностью независимый)

Задание

Легко

Create функцию с именем processCart, которая принимает JSON string, представляющий shopping cart. В cart содержится массив продуктов с названиями и ценами. Твоя задача:

Parse JSON string в JavaScript object
Create ДВЕ отдельные cart
Во второй cart:
1. Добавить свойство discounted к каждому элементу и установить его в false
2. Применить скидку 10% ко всем элементам, у которых price больше 50
3. Установить 'discounted' в true для элементов, получивших скидку
return массив, содержащий обе cart

REQUIRED OUTPUT FORMAT: [Your translated content here]

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

function processCart(jsonString) {
    // Напишите код здесь
}
// Не пишите ничего вне функции

Проверьте себя

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

Все уроки раздела Логика и поток

1Строки в деталях

Основы работы со строками Итерация по строкам Шаблонные литералы Методы строк Итоги — String Weaver

4JSON Часть 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

6Множества. Часть 2

Математика — Объединение множеств Математика — Пересечение множеств Математика — Разность множеств Математика — Симметрическая разность Подмножества и надмножества Повторение — Группировка друзей

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

Методы Join и Split Метод Map Метод Filter Метод Reduce Цепочки методов массивов ForEach и Map — это одно и то же?Метод Sort Методы Find и FindIndex Итоги — Мастер цепочек

Потренируйтесь самостоятельно: Онлайн-компилятор JavaScript