[Javascript] Spread Operator

{ ...} Spread Operator란? 📟

ES6에서 추가된 새로운 연산자로, 영어 뜻 그대로 spread 즉, 펼치다의 의미를 가지고 있고
객체나 배열을 펼쳐서 나열 할 때에 사용한다.

배열 병합

// 배열 병합
const arr = [1, 2, 3, 4, 5]

console.log([...arr, 6])
// Expected Output : [1, 2, 3, 4, 5]

배열 복제

// 배열 병합
const arr = [1, 2, 3, 4, 5]
const newArray = [...array];

console.log(newArray)
// Expected Output : [1, 2, 3, 4, 5]

특정 값 변경

const objA = [a:1, b:2, c:3, d:4, e:5]
const objB = { ...objA, b:7};

console.log(objB)
// Expected Output : [a:1, b:7, c:3, d:4, e:5]