[🍦] JS 문법 - Rest operator

형태는 ...변수명 으로

spread operator와 닮아있지만, 사용방법은 매우 다른 rest operator

 

 

Rest operator

📍사용방법

나머지 연산자(= rest operator)는 함수의 매개변수에서 사용되거나, 

객체 리터럴이나 배열 리터럴에서 남은 부분을 하나의 변수로 그룹화할 때 사용된다.

예를 들어 함수에서 여러 인수를 배열로 그룹화하거나,

객체 분해 할당(destructuring)에서 특정 속성을 제외한 나머지 속성들을 새 객체로 그룹화할 때 사용한다.

객체 리터럴(배열 리터럴)? 

단순히 중괄호 {}를 이용하여 객체를 직접 선언하는 방식이다.

배열리터럴도 마찬가지 []를 통해 직접 선언하는 방식이다.

 

 

📍함수의 매개변수

배열로 들어오지 않는 input을 한 군데에 묶을 때 사용한다.

function sum(...numbers) {
	console.log(numbers) //[1, 2, 3, 4] => ...(rest operator)에 의해 배열 형태로 변환
    return numbers.reduce((acc, current) => acc + current, 0);
}

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

 

input이 배열 형태일 때 reduce 형식

function sum (first, second, third, forth, fifth) {
	return numbers.reduce((acc, cur) => acc + cur);
}

const result = sum(1, 2, 3, 4, 5);
console.log(result);

 

 

📍객체 분해 할당

key가 country 인 것을 빼고 새롭게 객체를 만들고 싶을 때 사용한다.

const person = {
    name: "John",
    age: 30,
    country: "USA",
    occupation: "Developer"
};

const { country, ...rest } = person;
console.log(rest); // { name: "John", age: 30, occupation: "Developer" }