[vue3] 자료의 사본

자료의 사본을 만드는 방법은 쉽게 등호 사용

var a = 'hi';
var b = a;

 

하지만 array,object 자료 형태는 아래처럼 등호로 복사하면 안된다

var a = [1,2,3];
var b = a;

이유는 b를 수정하면 a에도 변경사항이 반영이 된다(object도 마찬가지)

var a = [1,2,3];
var b = [...a];

 

... 의 기호는 spread operator 

array나 object 앞에 붙일수 있으며

array, object의 괄호를 제거해주는 문법이다

[1,2,3] 이런식으로 쓰면 1,2,3만 남는다

 

약간의 트릭으로 array를 복사 할 때 spread operator 이걸로 괄호를 벗겼다가 다시 씌우면 값 공유 현상이 일어나지 않게 복사 할 수 있다