[Javscript ES6] Spread Operator (스프레드 연산자)

Rest parameter and Spread operator(나머지 매개 변수 및 확산 연산자)

 

...문법은 배열을 합치는데 유용하다.

let arr = ['a','b','c','d'];

let arr2 = ['a1','b2','c3','d4'];

let arr3 = [...arr,...arr2]

console.log(arr3)

-> ['a', 'b', 'c', 'd', 'a1', 'b2', 'c33', 'd4']

 json 구조도 가능하다.

let json = {a:'aa',b : 'bb', c: 'cc',d : 'dd'};

let json2 = {aa:'aa',bb : 'bb', cc: 'cc',dd : 'dd'};

let json3 = {...json,...json2}

console.log(json3);

console.log(json3)

아래와 같이 json 구조도 합쳐진다.

 

만약 json 구조에서 key값이 같다면 뒤쪽에 선언한 ...json2가 key를 덮을 것이다.