ES6 > Spread Operator ... 점3개 > 펼침연산자

... 점3개로 표현되는 Spread Operator 가 나온 이유는 
배열 또는 Object 복사를 손쉽게 하기 위해서다.

 

- 모든 괄호를 없애주는 기호

- 대괄호 또는 중괄호를 제거해 주는 연산자

 

1. 배열 합치기

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

c = [1,2,3,4,5]

 

배열은 참조가 변수에 저장되기 때문에 값을 복사하기 위해서는 실제 데이타를 복사해야 하는데, 이를 손쉽게 만들수 있다.

 

2. 객체 합치기

const a = {
	name: 'kim',
	age: 30,
}

const b = {
	address: 'Seoul',
}

const c = {...a, ...b}

 

const c = {
	name: 'kim',
	age: 30,
    address: 'Seoul',
}

 

 

3. 배열을 파라미터 형태로 집어 놓고 싶을때

function aa(a,b,c) {
	return a+b+c;
}
const bb = [1,2,3];
aa(...bb)