[JS] 전개 연산자(Spread Operator)

[JS] 전개 연산자(Spread Operator)

• 배열을 좀 더 직관적으로 활용하기 위한 것
• 전개 연산자는 함수를 호출하는 인자로 배열을 사용하고 싶을때나, 배열을 정의하는 리터럴 내에서 사용 가능
• 표현식은 아래와 같음

1. 함수를 호출 하는 인자로 배열을 사용할 때

myFunction(...iterableObj);

2. 배열 리터럴

[...iterableObj, 4, 5, 6]
[a, b, ...iterableObj] = [1, 2, 3, 4, 5];

다음 예를 살펴보자

function add(a, b, c){
    return a+b+c;
}
var arr = [2, 4, 5];
add.apply(null, arr); // 11

• 기존 자바스크립트 문법으로 add함수를 정의하고, arr배열도 정의
• add함수를 호출 할 때 인자값으로 arr배열의 원소들을 사용하려면 기본 메서드인  apply를 활용
• 똑같은 예제를 ES6의 전개연산자를 이용해서 표현

const add = (a, b, c) => {
    return a+b+c;
}
var arr = [2, 4, 5];
add(...arr); // 11이 출력

출처

• http://pro-self-studier.tistory.com/13?category=659080