배열의 전개 구문

• 전개구문(Spread Syntax)

배열이나 객체, 문자열과 같이 순회활 수 있는 값에 대해 전개해 간결하게 사용할 수 있는 구문. 배열의 전개 구문은 ES6(ES2015), 객체의 전개 구문은 ES2018에 선보임.

 

• 배열의 전개 구문

- 전개 구문 이전에는 배열 간 합성을 하려면 push, concat, split 등의 메서드를 사용했어야 되지만 전개 구문을 통해 간편하게 합성가능.

const arr = ['a', 'b']
const arr1 = [...arr, 'c', 'd'] // ['a', 'b', 'c', 'd']
const copy = arr
const spread = [...arr]

arr === copy // true 내용이 아닌 참조를 복사하기 때문에
arr === spread // false 값만 복사, 참조는 다르므로

• 배열의 transpile

// before transpile 
const arr = ['a', 'b']
const arr1 = [...arr, 'c', 'd']

// after transpile
const arr = ['a', 'b']
const arr1 = [].concat(arr, ['c', 'd'])