[JS] Spread Operator 스프레드 연산자

ES6에서 도입된 Spread 정리

 

 

 

 

 

• 배열 복사
  • JavaScript는 배열을 새로운 변수에 할당하면 기존배열을 참조하게 된다.

let arr1 = ['red', 'blue'];
let arr2 = [...arr1];

arr2.push('orange');

console.log(arr2); // ["red","blue","orange"];

console.log(arr1); // ["red","blue"]

 

 

 

 

• 배열 병합

const arr1 = [1,2,3];
const arr2 = [4,5,6];
const arr3 = [...arr1, ...arr2];

console.log(arr3); // [1,2,3,4,5,6];

 

 

 

 

 

• 객체 특정값 변경

const obj = {name:AMY, age:20, phone:iphone, marriage: false};
const obj2 = {...obj1, age:30, marriage: !obj.marriage};

console.log(obj2); //{name:AMY, age:30, phone:iphone, marriage: true};

 

 

 

 

• 잔여 연산자 사용 

const myInfos = {money: 3000, name: 'AMY', age:27, }
const {money, ...restInfo} = myInfos
console.log(restInfo); // {name: 'AMY', age:27}​