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

Beginner

This tutorial is from open-source community. Access the source code

Введение

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

Это Guided Lab, который предоставляет пошаговые инструкции, чтобы помочь вам учиться и практиковаться. Внимательно следуйте инструкциям, чтобы выполнить каждый шаг и получить практический опыт. Исторические данные показывают, что это лабораторная работа уровня начальный с процентом завершения 100%. Он получил 100% положительных отзывов от учащихся.

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

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

  1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
  2. Используйте следующий код для создания поверхностного клона исходного объекта:
const shallowClone = (obj) => Object.assign({}, obj);
  1. Чтобы клонировать объект, используйте функцию shallowClone() следующим образом:
const a = { x: true, y: 1 };
const b = shallowClone(a); // a!== b

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

Резюме

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