[11장] 원시 값과 객체의 비교

ssu00·2022년 1월 8일
0

11.1 원시값

1) 원시값read only 값으로, 변경 불가능하다. 이때, 변수 값은 변경 가능하다. 변경 불가능한 것은 원시 값 자체이다.

값의 재할당
(1) 새로운 메모리 공간 확보
(2) 재할당한 원시 값 저장
(3) 변수가 새롭게 재할당한 원시 값 가리키도록 함
값의 재할당은 '[4장] 변수' 포스팅에서도 언급한 바 있다

만약 원시값이 변경 가능한 값이었다면, 아래 그림처럼 동일한 메모리 주소에서 값 자체만 변경했을 것이다.



하지만 원시값은 변경이 불가능한 값이다. 따라서, 변수에 새로운 원시 값을 재할당했을 때에 메모리 공간은 다음 그림과 같다.

변수 값을 변경하기 위해 새로운 메모리 공간을 확보하고, 재할당할 값을 저장하여 변수가 참조하는 메모리 주소를 변경했다. 이러한 특성을 값의 불변성이라고 한다.


2) 원시 값인 문자열은 문자의 개수에 따라 필요한 메모리 공간의 크기가 달라진다. 1개의 문자가 2byte 메모리 공간에 저장되기 때문이다.

위 특성 때문에, C는 문자열 타입을 제공하지 않는다. 하지만 자바스크립트는 개발자의 편의성을 위해 문자열 타입을 제공하고 있다. 문자열은 원시 타입이다.

var str = 'Hello';
str = 'world';

따라서 위 코드를 실행했을 때, 메모리에는 'Hello'와 'world'가 모두 존재할 것이다.

주의!

var str='string';
str[0]='S';
console.log(str); //string

문자열이 원시 타입이므로 str 값은 변경되지 않는다. 하지만 에러는 발생하지 않는다.


3) 값에 의한 전달
변수에 원시 값을 갖는 변수를 할당하면, 할당받는 변수에는 할당되는 변수의 원시 값이 복사되어 전달되는데, 이를 값에 의한 전달이라고 한다.

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

copy와 score는 다른 메모리 공간에 저장된 별개의 값이므로, score 변수의 값을 변경해도 copy 변수에는 아무런 영향이 없다.



11.2 객체

1) 먼저, 원시 값을 할당한 변수는 원시 값 자체를 값으로 갖지만, 객체를 할당한 변수는 참조값(생성된 객체가 저장된 메모리 주소)를 값으로 갖는다.


2) 객체는 변경 가능한 값이다. 따라서, 메모리에 저장된 객체를 직접 수정할 수 있다.

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

var person = {
	name: 'Lee'
};
var copy = person;
console.log(person===copy); //true

person과 copy는 메모리 주소는 다르지만, 동일한 참조값(0x00001332)를 가진다. 즉, 두 개의 식별자가 하나의 객체를 공유한다.

따라서 어느 한 쪽에서 객체를 변경하면 다른 한 쪽까지 영향을 받는다. 예를 들어 person.address="Seoul";을 추가했다면, person과 copy 모두 {name: "Lee", address: "Seoul"}인 객체가 되는 것이다.

0개의 댓글