📖8주차 학습 범위

11장 원시 값과 객체의 비교 ( p.137 ~ p.153 )

📆 스터디 진행 날짜

2024 / 01 / 11(목) 05:00 PM

---

👨🏻‍💻 주요 내용 정리

원시 값과 객체의 비교

자바 스크립트의 데이터 타입에는 원시 타입과 객체 타입이 있다.

원시 타입의 값	객체 타입의 값
변경 불가능 한 값	변경 가능한 값
변수 할당시 실제 값이 저장	변수 할당시 참조 값이 저장
다른 변수에 할당 시 원시 값 복사,전달	다른 변수에 할당시 참조 값 복사,전달

원시 값은 변경 불가능한 값이다.(immutable value)

변경 불가능하다고 해서 재할당이 안되는 것은 아니다.

쉽게 설명하면 이미 종이에 적힌 글자를 변경할 방법은 없다.

다만, 새로 적으면 변경할 수 있는 것이다.

때문에 데이터의 신뢰성이 보장된다.

자바스크립트에서는 문자열을 유사 배열 객체라고도 한다.

변수에 변수를 할당했을 때 무엇이 어떻게 전달될까?

<script>
let score = 80;
let copy = score;

// score = 80, copy = 80

copy = 100;

// score = 80, copy = 100
</script>

이게 무슨 말이냐면 변수에 변수를 할당 했지만, 각자 다른 메모리 공간에 있다는 것을 뜻한다.

객체

객체 값은 변경 가능한 값이다.(mutable value)

그리고 앞서 참조값이라고 했다.

<script>
let user = {
	name: 'park',
};
</script>

변수 user은 객체 {name: 'park'}을 참조하고 있다.

만약 저 값을 수정하고 싶다면,

<script>
user.name = 'song';	// park => song
user.age = 27;	// age: 27 을 추가
</script>

얕은 복사 vs 깊은 복사

얕은 복사는 객체의 구조적인 단점으로 인해 값이 공유된다.

<script>
let user = {
	name: 'park',
};

let user2 = user;

console.log(user === user2);	// true

user2.name = 'song';
user2.age = 27;

// user = {name: 'song', age: 27}
// user2 = {name: 'song', age: 27}
</script>

Reference Kkan_-