[JavaScript] 스프레드 연산자 "..."

스프레드 연산자 "..."

; 상황에따라 역할이 달라진다.

1. 스프레드 연산자

2. 나머지 매개변수(Rest Parameter)

 

1. 스프레드 연산자 (Spread Operator)
스프레드 연산자는 배열 또는 객체와 같은 이터러블(iterable) 데이터를 개별 요소로 분해하는 역할
예1) 배열에서 사용

=> `...arr1`은 `arr1`의 요소를 개별적으로 분해하여 `arr2`에 추가

const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5, 6];
console.log(arr2); // [1, 2, 3, 4, 5, 6]

예2) 객체에서 사용

=> `...obj1`은 `obj1`의 속성을 개별적으로 분해하여 `obj2`에 추가

const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3 };
console.log(obj2); // { a: 1, b: 2, c: 3 }

 

2. 나머지 매개변수 (Rest Parameter)
나머지 매개변수는 함수의 매개변수 목록에서 마지막에 위치

여러 인수들을 하나의 배열로 모음
예) `...numbers`는 함수에 전달된 인수들을 배열로 받아들임

function sum(...numbers) {
    return numbers.reduce((acc, curr) => acc + curr, 0);
}

console.log(sum(1, 2, 3, 4)); // 10

#요약
1. 스프레드 연산자: 배열 또는 객체의 요소를 개별적으로 분해하여 사용할 수 있게 해줌
2. 나머지 매개변수: 여러 인수들을 배열로 받아 함수에서 사용할 수 있게 해줌