Value Types and Reference Types

(EP 03.) 자바스크립트 개발자라면 알아야하는 핵심 컨셉 33개 | #3. Value Types and Reference Types 

 

* 간단요약

1. Value Types : string, number, boolean, NaN, undefined, null

let a = 50;
let b = a;

a = 10;

console.log(b); //50

value 데이터 타입을 새로운 변수에 할당(=)하는 경우 변수에 복사된 새로운 value는 기존 value를 참조하지 않는다.

 

- Reference Types : array, object, function

const sexy = ['kimchi', 'potato'];
const pretty = sexy;

sexy.push('hello');

console.log(pretty); // [kimchi', 'potato', 'hello']

배열을 새로운 변수에 할당(=)하는 경우 변수에 할당된 새로운 배열은 기존 배열을 참조한다.

const x = {
a: 'hello'
}

const b = x;

b.a = 'lalaal'

console.log(x); // {a: 'lallaal'}

객체 또한 새로운 변수에 할당(=)하는 경우 변수에 할당된 새로운 객체는 기존 객체를 참조한다.

 

console.log(10 === 10) // true -> 두 값(value)은 같으므로 true
console.log([10] === [10]) // false -> 두 배열은 다른 메모리에 위치한 다른 객체이므로 false