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

'...'

이라는 부분이다.


전개연산자 (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


728x90
반응형