파도파도 나오는 JavaScript
[JS Level up][Ch1][데이터] 불변성
써치킴
2022. 1. 31. 01:32
데이터 불변성(Immutability)
- 원시 데이터(JS에서 사용할 수 있는 기본 데이터) : String, Number, Boolean, undefined, null
- 참조형 데이터 : Object, Array, Function
원시 데이터 불변성
// 원시 데이터 불변성(Immutability)
let a = 1;
let b = 4;
// a가 바라보는 메모리 주소(ex.1번지)와 b가 바라보는 메모리 주소(ex.2번지)가 다르기 때문에 false
console.log(a, b, a === b);
b = a; // b는 a의 메모리 주소(1번지)를 바라보게 됨
console.log(a, b, a === b); // true
a = 7; // 7은 새로운 데이터기 때문에 a는 새로운 주소(3번지)를 바라보게 됨
console.log(a, b, a === b);
let c = 1; // 1은 기존 데이터이기 떄문에 1번지를 바라봄
console.log(a, b, a === c);
원시 데이터가 기존 메모리 주소에 들어있다면 기존 메모리 주소를 바라본다.
> 원시 데이터는 항상 불변한다. -> 원시 데이터는 생긴 것이 같으면 같은 데이터, 다르면 다른 데이터다.
참조 데이터 불변성
// 참조 데이터 불변성
let a = {k : 1};
let b = {k : 1};
// a, b가 바라보는 메모리 주소가 다르다 > false
console.log(a, b, a === b);
a.k = 7;
b = a; // b는 a의 메모리 주소를 바라보게 됨
console.log(a, b, a === b); // true
a.k = 2; // a, b는 같은 메모리 주소를 바라보기 때문에 둘다 k가 2가 됨
console.log(a, b, a === b); // true
let c = b; // c는 b의 메모리 주소를 바라보게 됨
console.log(a, b, a === c);
a.k = 9; // a, b, c 모두 k가 9가 됨
console.log(a, b, a === c);
참조형 데이터는 불변성이 없다. -> 복사되는 개념이 아닌 메모리의 참조 주소만 옮겨간다.