자바스크립트 전개연산자(JS - spread operator)

다른사람들의 소스코드를 읽다보면 종종 눈에띄는 코드가 있다.

'...'

이라는 부분이다.

전개연산자 (Spread Operator)

전개연산자는 자바스크립트에서 축약코딩을 하기위한 하나의 기법이다

배열이나 객체에서 나머지... 의 느낌으로 사용된다.

아래의 예시들을 통해서 개념을 익혀본다.

const spreadOperatorTestInArray = [4, 5, 6];

const useCase1 = [1, 2, 3 ,...spreadOperatorTestInArray];

// 결과 [1, 2, 3, 4, 5, 6]

// 배열을 결합

const useCase2 = [1, ...spreadOperatorTestInArray, 2, 3, ...spreadOperatorTestInArray];

// 결과 [1, 4, 5, 6, 2, 3, 4, 5, 6]

// 배열을 결합

const { a, b, c, ...z } = {

a: 1,

b: 2,

c: 3,

d: 4,

e: 5,

f: 6

};

// console.log(z) >>> d: 4, e: 5, f: 6

// 잔여 값 비구조화 할당(자동)

let obj = {

a: 1, b: 2, c: 3

};

obj = {

...obj,

other: 4

};

// console.log(obj) >>> a: 1, b: 2, c: 3, other: 4