Spread operator 펼침 연산자 - Javascript ES6

펼침 연산자는 쉽게 말해서 배열을 펼쳐주는 역할을 한다.

배열을 바꾸지 않고도 새로운 값을 복사하거나, 배열을 합치거나,

배열을 펼쳐진 상태로 파라미터로 전달하는 등의 활용이 가능해진다.

let a = [1, "", undefined, NaN, null];
let b = [...a];

console.log(a); // [1, "", undefined, NaN, null]
console.log(b); // [1, "", undefined, NaN, null]

console.log(a===b); // false
// 새로운 배열로서 메모리에 들어간 복사를 한 형태
// concat을 이용한 것과 같은 결과
// 배열을 바꾸지 않고 새로운 값을 복사할 수 있다

let c = [...a, 'add'];
console.log(c) // [1, "", undefined, NaN, null, "add"]
// 기존의 복잡한 방법 대신 간단하게 값을 추가하여 배열을 복사할 수 있다

function sum(a,b,c){
  return a+b+c;
}
let s = [1, 2, 3];

// 배열 s 내부 원소들의 합을 구하기 위해서는
// 기존의 방식으로는 apply 혹은 call을 적용하여서
console.log(sum.apply(null,s));

// spread operator를 이용한 새로운 방법으로는 훨씬 간단하게
console.log(sum(...s));