[Javascript] Spread Operator - 스프레드 연산자, 전개 구문

Spread Operator란?

스프레드 연산자는 ES6에 추가된 문법으로  ...  와 같이 마침표 세 개로 표현한다. 스프레드 연산자를 사용하면 배열이나 문자열과 같이 반복 가능한 객체를 개별 요소로 분리할 수 있다. 스프레드 연산자, 전개 구문, 펼침 연산자 등등 여러가지 이름으로 불리며, MDN에는 전개 구문으로 번역되어 있다.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntax

전개 구문 - JavaScript | MDN

 

문법

function sum(x, y, z) {
  return x + y + z;
}

const numbers = [1, 2, 3];

console.log(sum(...numbers));
// 6

console.log([...numbers, 4, 5, 6])
// [1, 2, 3, 4, 5, 6]

함수의 인수로 사용, 배열의 병합 모두 가능하다. 사용 가능한 용례가 풍부하니 다양한 경우에 사용해보자.

Spread Operator 사용 예시
1. 배열의 병합 / 복사 (얕은 복사를 수행한다.)
2. 함수의 매개변수로 사용 (Rest parameter) / 함수 호출 인자로 사용
3. 객체 복사 / 프로퍼티 업데이트 (배열의 병합과 유사)

 

참고 : https://paperblock.tistory.com/62

[ES6] Spread Operator (스프레드 연산자)