[2019.03.27] 전개 연산자 개념

배열을 조금 더 직관적으로 사용할 수 있는 방식인 전개 연산자라는 개념이 있다.

# 전개연산자

const add = (a, b, c) => {
  return a + b + c;
}
 
var arr = [1, 2, 3];
console.log(add(...arr)); // 6

위와 같이 배열 변수를 분해하지 않고 그냥 할당해버리는 방식이다.

var arr1 = [3, 4, 5];
var arr2 = [1, 2, ...arr1, 6, 7];
 
console.log(arr2); // [1,2,3,4,5,6,7]

이렇게 값을 순차적으로 하나씩 넣는 작업을 쉽게 할 수도 있다.

그냥 괄호 [] 껍데기를 벗겨서 넣어버린다는 개념으로 생각하면 이해가 쉽다.

... 키워드가 구조분해할당 방식에서도 쓰이므로 헷갈릴 수도 있다.

var [a, b, ...c] = [1,2,3,4,5];
 
console.log(a); // 1
console.log(b); // 2
console.log(c); // [3,4,5]

구조분해할당의 ...키워드는 변수를 선언 시, 남은 요소들을 할당할 때 쓰인다.

배열 요소를 한번에 하나씩 적용시키는 전개연산자의 ...키워드와 잘 구분하자!