Поверхностный клон объекта в JavaScript

Введение

В этом лабе мы изучим концепцию поверхностного клонирования в JavaScript. Поверхностное клонирование создает новый объект со всеми свойствами исходного объекта, но сами свойства не клонируются. Вместо этого они копируются по ссылке, что означает, что любые изменения, внесенные в свойства исходного объекта, также будут отражаться в клонированном объекте. С помощью этого лабе мы поймем, как создавать поверхностные клоны объектов с использованием метода Object.assign() в JavaScript.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28613{{"Поверхностный клон объекта"}} javascript/data_types -.-> lab-28613{{"Поверхностный клон объекта"}} javascript/arith_ops -.-> lab-28613{{"Поверхностный клон объекта"}} javascript/comp_ops -.-> lab-28613{{"Поверхностный клон объекта"}} javascript/destr_assign -.-> lab-28613{{"Поверхностный клон объекта"}} end

Как создать поверхностный клон объекта

Для создания поверхностного клона объекта используйте Object.assign() и пустой объект ({}). Следуйте шагам:

Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
Используйте следующий код для создания поверхностного клона исходного объекта:

const shallowClone = (obj) => Object.assign({}, obj);

Чтобы клонировать объект, используйте функцию shallowClone() следующим образом:

const a = { x: true, y: 1 };
const b = shallowClone(a); // a!== b

В этом примере a и b - это два разных объекта, но они имеют одинаковые значения.

Резюме

Поздравляем! Вы завершили лабу по поверхностному клону объекта. Вы можете практиковаться в более многих лабах в LabEx, чтобы улучшить свои навыки.