자바스크립트에서 객체를 다루려면 참조와 복사의 개념에 대해 반드시 알아야 한다. 객체의 참조, 얕은 복사, 깊은 복사의 차이점에 대해 자세히 알아보도록 하겠다. 요약 의미 방식 참조 (reference) 같은 객체를 참조 변수에 그대로 대입 얕은 복사 (shallow copy) 중첩된 객체를 복사했을 때, 가장 바깥 객체만 복사되며 내부 객체는 참조 관계를 유지. 깊은 복사와 참조의 중간 형식 스프레드 문법 사용 깊은 복사 (deep copy) 복사하여 새로운 객체를 생성 참조 관계가 생기지 않음 JSON 연산자 사용 참조 (Reference) 변수 array와 ref는 같은 객체를 참조하고 있기 때문에 어떤 걸 비교해도 true로 반환된다. 한쪽에서 변경하면 다른 쪽도 변경된다. 1 2 3 4 5 6 ..
여러 가지 변수를 하나의 묶음으로 나타낼 때 객체를 사용한다. 이러한 객체를 표현할 때, 중괄호 {}를 사용하여 나타내는 방식이 바로 객체 리터럴이다. 객체 리터럴의 형태와 속성 값에 접근하는 방법을 알아보자. 목차 객체 리터럴 형식 객체 속성 접근 객체 속성 수정 객체 속성 제거 객체 참조 1. 객체 리터럴 형식 객체 리터럴 형식에서 속성이 여러 개일 경우 쉼표로 구분해준다. const info = { name : '김영희', age : 28, } 객체 이름 속성 이름 속성 값 info name, age 김영희, 28 2. 객체 속성 접근 객체 리터럴 형식에서는 객체 이름을 통해 속성에 접근할 수 있다. 온점으로 접근하는 방식과 배열처럼 접근하는 방식 두 가지가 있다. const info = { nam..