ES6-Spread operator

ES6-Spread operator

>spread oprator?

펼침 연산자라 생각하면 된다.

//spread operator, 펼침 연산자.
​
let pre = ["apple", "orange",100];
let newData = [...pre];
console.log(pre === newData); ->false

>spread oprator의 활용

//spread operator, 펼침 연산자.
​
let pre = [100,200,"hello",null];
let newData = [0,1,2,3,...pre,4];

예전같으면 배열의 인덱스 확인하고, 자르고, 넣고하는 과정들이 있었을 것이다.

이를생각하면 정말 간편해진 것이다.!!

function sum(a,b,c) {
  return a+b+c;
}
​
let pre = [100,200,300];
//예전 방법
sum.apply(null,pre);
//spread operator
sum(...pre);

위 예제를 살펴봐도 확실히 spread operator는 정말 편리하게 사용될 수 있음을 알 수 있다.