11장. 원시 값과 객체의 비교

원시 타입, 객채 타입

1. 데이터 타입을 원시 타입과 객체 타입으로 구분하는 이유
   1) 원시 타입의 값은 변경 불가능한 값인데 비해 객체 타입의 값은 변경 가능한 값이다.
   2) 원시 값을 변수에 할당하면 변수(확보된 메모리 공간)에는 실제 값이 저장되지만, 객체를 변수에 할당하면 변수(확보된 메모리 공간)에는 참조 값이 저장된다.
   3) 원시 값을 갖는 변수를 다른 변수에 할당하면 원본의 원시 값이 복사되어 전달된다.(값에 의한 전달) 그러나 객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어 전달된다.(참조에 의한 전달)

11.1 원시 값

11.1.1 변경 불가능한 값

원시 값은 변경 불가능한 값으로 읽기 전용 값이다. 원시 값은 어떤 일이 있어도 불변한다. 이런 원시 값의 특성은 데이터의 신뢰성을 보장한다.

불변성을 갖는 원시 값을 할당한 변수는 재할당 이외에 변수 값을 변경할 수 있는 방법이 없다.

11.1.2 문자열과 불변성

문자열은 유사 배열 객체이면서 iterable이므로 배열과 유사하게 각 문자에 접근할 수 있다. 그러나 문자열은 원시 값이므로 변경할 수 없다.

let str = 'hello';

str[0] = "H"
console.log(str) // "hello"

11.1.3 값에 의한 전달

let score = 80;
let copy = score;

console.log(score, copy); // 80 80
console.log(score === copy); // true

score = 100;

console.log(score, copy); // 100 80
console.log(score === copy); // false

copy 변수에는 score 변수의 값 80이 복사되어 할당된다. score와 copy의 값은 각각 다른 메모리 공간에 저장된 별개의 값이므로 score의 값을 변경해도 copy값에는 영향을 주지 않는다.

'값에 의한 전달'이라는 용어는 자바스크립트를 위한 용어가 아니다. 엄격하게 표현하면 변수에는 값이 전달되는 것이 아니라 메모리 주소가 전달된다. 변수와 같은 식별자는 값이 아미라 메모리 주소를 기억하고 있다.

11.2 객체

객체는 프로퍼티의 개수가 정해져 있지 않으며, 동적으로 추가되고 삭제될 수 있다. 자바스크립트는 클래스 없이 객체를 생성할 수 있으며 객체가 생성된 이후라도 동적으로 프로퍼티와 메서드를 추가할 수 있다.

11.2.1 변경 가능한 값

원시 값은 변경 불가능한 값이므로 원시 값을 변경하려면 재할당 외에는 방법이 없다. 하지만, 객체는 변경 가능한 값이다. 따라서 객체를 할당한 변수는 재할당 없이 객체를 직접 변경할 수 있다.

let person = {
  name: 'john'
}

person.name = 'kim'
person.age = 20
person.address = 'seoul'

console.log(person) // { name: 'kim', age: 20, address: 'seoul' }

객체를 생성, 관리하는 방식은 복잡하고 비용이 많이 든다. 또한 메모리를 효율적으로 사용하기 위해 객체는 변경가능한 값으로 설계되어 있다.
그러나 원시 값과 달리 여러 개의 식별자가 하나의 객체를 공유할 수 있어 구조적 단점이 있다고 할 수 있다.

얕은 복사 vs. 깊은 복사
얕은 복사와 깊은 복사로 생성된 객체는 원본과는 다른 객체다. 그러나 얕은 복사는 객체에 중첩되어 있는 객체의 경우 참조 값을 복사하고 깊은 복사는 객체에 중첩되어 있는 객체 모두 복사해서 원시 값처럼 완전한 복사본을 만든다는 차이가 있다.

11.2.2 참조에 의한 전달
객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어 전달된다. 이를 참조에 의한 전달이라고 한다.

let person = {
  name: 'john'
}

let copy = person;

위 예제의 경우, 원본의 참조 값이 복사되어 전달된다. 두 개의 식별자는 하나의 객체를 공유하는 것이다.

let person = {
  name: "john"
};

let copy = person;

console.log(copy === person); // true

copy.age = 20;
person.address = "seoul";

console.log(copy); //{ name: 'john', age: 20, address: 'seoul' }
console.log(person); //{ name: 'john', age: 20, address: 'seoul' }

따라서 위와 동일한 객체를 공유하고 있으므로 어느 한쪽에서 객체를 변경하면 서로 영향을 주고 받는다.