📒 목차

• 📌 원시값과 참조값
• 📌 깊은복사 (Deep Copy)
• 📌 얕은복사 (Shallow Copy)
• 📌 참조

---

📌 원시값과 참조값

✅ 원시값

원시값은 기본자료형이다. (Number, String, Boolean, Null, Udefined)등이 해당된다.
이러한 원시값을 저장하면 변수의 메모리 공간에 실제 데이터 값이 저장된다. 따라서 값을 변경하거나 조작하려하면 저장된 원본인 실제 값이 조작되게 된다.

✅ 참조값

참조값은 메모리에 저장된 객체이다. (Object, Symbol)등이 해당된다.
이러한 참조값을 저장하게 되면 메모리 공간에 값을 저장하고, 저장된 메모리 공간의 참조값(위치값)을 저장하게 된다.
따라서 값을 조작하는 것은 사실, 객체를 조작하는 것이 아니라 객체의 참조를 조작하는 것이다.

---

📌 깊은복사 (Deep Copy)

원시값을 복사하게 되면, 해당 복사된 값이 새로운 독립적인 메모리에 할당되게 된다. 따라서, 복사를 하고 수정을 해도 최초 값은 변하지 않는다.
이와 같이 실제 값을 복사하여 새로운 메모리에 할당하고 독립적으로 조작이되는 것이 깊은 복사이다.

const a= 'one';
let b = "two";

b= 'three';
console.log(a) // 'one'
console.log(b) // 'three'

---

📌 얕은복사 (Shallow Copy)

참조값을 복사하게 되면, 변수가 객체의 참조주소를 가리키고 있기 때문에 복사된 새로운 변수도 해당 참조주소를 가리키게 된다. 따라서 객체를 수정하게 되면 가리키고 있는 주소가 같아 기존 원본 객체의 값에 변동이 생긴다.
이처럼 객체의 주소값을 복사하는 것을 얕은 복사라고 한다.

const obj = {
  name: "홍길동",
  age: 25
}
let obj2 = obj;
obj.name = "철수";

console.log(obj) // {name: "홍길동", age: 25}
console.log(obj2) // {name: "홍길동", age: 25}

---

📌 참조

https://bbangson.tistory.com/78