객체 복사하기

JavaScript치트 시트객체
JavaScript 치트 시트
  1. 배열과 메서드
  2. switch문
  3. 객체 복사하기
  4. 명시적 형 변환
  5. 선택적 연쇄
  6. 널 같은 값 병합 연산자

JavaScript의 객체 복사에 대해 간단히 알아본다.

원시형(숫자, 문자열 등)이 아닌 객체를 복사하면 참좃값이 복사된다.

const user = { name: "John" };


const admin = user; // 참좃값이 복사된다.

참좃값이 아닌 실젯값을 복사하는 방법은 다음과 같다.

얕은 복사

전개 구문을 사용한다.

const object = { a: 1, b: 2, c: 3 };
const array = [1, 2, 3];


const objectCopy = { ...object };
const arrayCopy = [ ...array ];

깊은 복사

structuredClone()를 사용한다.

const ingredientsList = ['noodles', { list: ['eggs', 'flour', 'water'] }];


const ingredientsListCopy = structuredClone(ingredientsList);

대신 JSON.stringify()와 JSON.parse()를 사용할 수도 있다.

참고 문헌