얕은 복사 객체

Beginner

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

소개

이 랩에서는 JavaScript 에서 얕은 복사 (shallow cloning) 의 개념을 탐구합니다. 얕은 복사는 원본 객체의 모든 속성을 가진 새로운 객체를 생성하지만, 속성 자체는 복사되지 않습니다. 대신, 참조로 복사되므로 원본 객체의 속성에 변경 사항이 생기면 복사된 객체에도 반영됩니다. 이 랩을 통해 JavaScript 에서 Object.assign() 메서드를 사용하여 객체의 얕은 복사본을 만드는 방법을 이해할 것입니다.

이것은 가이드 실험입니다. 학습과 실습을 돕기 위한 단계별 지침을 제공합니다.각 단계를 완료하고 실무 경험을 쌓기 위해 지침을 주의 깊게 따르세요. 과거 데이터에 따르면, 이것은 초급 레벨의 실험이며 완료율은 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

이 예제에서 ab는 서로 다른 두 객체이지만 동일한 값을 가지고 있습니다.

요약

축하합니다! 얕은 복사 객체 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.