[ JavaScript ES 6 ] Spread Operator

1. Spread Operator -> 쉽고 유용해서 많이 씀
    Array의 대괄호를 제거하는 문법
    문자열을 문자로 나열하는 문법

var arr = ['hello', 'world'];
console.log(...arr); // "hello world"

var str = 'hello';
console.log(...str); // h e l l o

2. Spread Operator 사용 예
    1) List 합치기

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

var c= [...a, ...b];

console.log(c); // 1 2 3 4 5

    2) Obj 합치기 (Deep Copy) -> Spread Operator는 대괄호 뿐만 아니라 중괄호도 풀어준다!

var obj1 = {a:1, b:2};
var obj2 = {...obj1, c : 3};

    카피하다가 값 중복이 일어나면 뒤에 있는 값을 사용

    3) 함수 파라미터

function add(a, b, c){
	console.log(a + b + c);
}

var nums = [10, 20, 30];
add(...nums);

    Spread Operator 안쓰면

add(nums[0], nums[1], nums[2]);

    이렇게 하거나

 

add.apply(undefined, nums);

    이렇게 해야 되서 귀찮음..

    참고>
        apply() - 그냥 함수를 옮겨와서 실행 해달라는 의미
        call() - apply()와 같은 역할인데 파라미터 형태만 다름. 

3. Spread Operator는 대괄호, 중괄호, 함수 소괄호 안에서만 사용 가능