자바스크립트의 자료형 - 원시 타입(primitive type)과 객체 타입(object type)의 특징

👾 원시 타입(primitive type)

1. 변수에 할당시 메모리 공간에 값 자체가 저장된다.
2. 원시 값을 갖는 변수를 다른 변수에 할당하면 원시 값 자체가 복사되어 전달된다. (pass-by-value)
   → 원본을 변경해도 복사본에 영향을 미치지 않는다.
3. 원시 값은 Immutable value(변경 불가능한 값). 즉, 한 번 생성된 원시 자료형은 읽기 전용(read only) 값이다.
   → 변수에 다른 값을 재할당시 새로운 원시값이 생성되며, 변수가 다른 메모리 공간을 참조한다. 그리고 기존에 사용하지 않는 값은 자동으로 메모리에서 삭제된다. (JavaScript의 가비지 콜렉터(garbage collector) 작동)

 

👾 객체 타입(object/reference type)

1. 변수에 할당시 저장 공간을 참조할 수 있는 주소값(address)이 메모리 공간에 저장된다.
   → 이때 참조 자료형을 저장하는 공간을 힙(heap)이라고 한다.
2. 참조 값을 갖는 변수를 다른 변수에 할당하면 주소값이 복사되어 전달된다. (Pass-by-reference)
   → 같은 주소를 참조하기 때문에 원본을 변경하면 복사본도 영향을 받는다. 그렇기 때문에 두 변수는 같은 주소를 참조하고 있을 뿐 값 자체가 복사되었다고 할 수 없다.
3. 참조 값은 Mutable value(변경 가능한 값)

 

👾 MORE 🥳

1. 문자열은 immutable한 값이기 때문에 생성된 문자열의 일부 문자를 변경할 수 없다.

 • 문자열은 한 번 생성되면, 변경할 수 없다.

let str = "Hello";
str = "JavaScript";

 → 첫번째 구문이 실행되면 메모리에 문자열 "Hello"가 생성되고 식별자 str은 메모리에 생성된 문자열 "Hello"의 메모리 주소를 가리킨다. 두번째 구문이 실행되면 이전에 생성된 문자열 "Hello"를 수정하는 것이 아니라 새로운 문자열 "JavaScript"를 메모리에 생성하고 식별자 str은 이것을 가리킨다. 이때 문자열 "Hello"와 "JavaScript"는 모두 메모리에 존재하고 있다. 변수 str은 문자열 "Hello"를 가리키고 있다가 문자열 "JavaScript"를 가리키도록 변경되었을 뿐이다.

 

 • 문자열은 배열처럼 인덱스를 통해 접근할 수 있는 유사배열이다.

let str = "JavaScript";

for (let i = 0; i < str.length; i++) {
  console.log(str[i]);
}

str[6] = 's';
console.log(str); // JavaScript

 → str[6] = 's' 처럼 이미 생성된 문자의 일부를 변경할 수 없다. (read only 값이며, immutable 하다.)

 

 • 새로운 문자열을 재할당 하는 것은 가능하다.

let str = "JavaScript";
console.log(str) // JavaScript

str = "Hello, world";
console.log(str) // Hello, world

str = str.toUpperCase();
console.log(str) // HELLO, WORLD

 

 

2. Pass-by-reference와 Pass-by-value

• Pass-by-reference

 객체 타입은 객체의 모든 연산이 실제값이 아닌 참조값으로 처리된다. 객체 타입은 프로퍼티를 변경, 추가, 삭제가 가능한 mutable한 값이다. 동적으로 변화할 수 있으므로 어느 정도의 메모리 공간을 확보해야 하는지 예측할 수 없기 때문에 런타임에 메모리 공간을 확보하고 메모리의 힙 영역(Heap Segment)에 저장된다.

 변수 a에 b를 할당시 객체는 복사되지 않고, 참조(Reference) 방식으로 전달된다.

// Pass-by-reference
let obj = { num: 100 }
let copy = obj;

console.log(obj.num, copy.num) // 100 100
console.log(obj === copy) // true

copy.num = 200;
console.log(obj.num, copy.num) // 200 200
console.log(obj === copy) // true

 → 변수 obj는 객체 자체가 아닌 생성된 객체의 참조값을 저장하고 있기 때문에 변수 copy에도 같은 참조값이 저장된다. 따라서 참조하고 있는 객체의 num 값이 변경되면 변수 obj, copy 모두 변경된 값을 참조하게 된다.

 

let obj = { num: 100 };
let obj2 = { num: 100 };

console.log (obj === obj2) // false

 → obj와 obj2는 내용은 같지만 별개의 객체를 생성하여 참조값을 할당하기 때문에 두 변수의 참조값은 같지 않다.

 

• Pass-by-value

 원시 타입은 값(value)으로 전달된다. 즉, 복사되어 전달되며 이를 pass-by-value(값에 의한 전달)라 한다.

// Pass-by-value
let a = 1;
let b = a;

console.log(a, b); // 1 1
console.log(a === b); // true

a = 10;

console.log(a, b); // 10 1 
console.log(a === b); // false

 → 변수 a는 원시 타입인 숫자 타입 1을 저장하고 있으며, 원시 타입은 값이 복사되어 변수에 저장된다. 그렇기 때문에 변수 b에 변수 a를 할당한 경우, 변수 a의 값 1이 복사되어 변수 b에 저장된다.

 

---

자료출처: poiemaweb

✏️ 공부하며 정리한 내용입니다. 잘못된 정보나 더 공유할 내용이 있으면 댓글로 알려주세요!

읽어주셔서 감사합니다 😊