[JavaScript] 배열의 복제 및 수정 spread 연산자 [...]

배열 복제

 

var arr = [1,2,3,4,5];

var newArr = [...arr]; // [1,2,3,4,5]

 

 

배열 병합

 

var arrA = [1,2,3];
var arrB = [4,5,6];

const newArr = [...arrA, ...arrB]; //[1,2,3,4,5,6]

 

배열뿐만 아니라 문자열도 복제 가능

 

* 문자열 배열에 담을 때 split('') 썼는데 [...]연산자가 더 간편!

const num = '205';
console.log([...num]) // ['2','0','5']

console.log(num.split('')) // ['2','0','5']

 

 

객체도 동일

 

var obj = {a:1, b:2};

var newObj = {...obj}; //{ a: 1, b: 2 }

 

객체 일부만 수정

 

객체에서 name만 수정

const a = {id:1, name:'가나다'};

const b = {...a, name:'라마바'};

console.log(b); // { id: 1, name: '라마바' }