240808 rest operator

💡 rest operator 는 spread operator 와 유사

사용법

spread operator 와 동일하게 ...변수명 을 사용

차이점

spread operator	rest operator
배열, 객체를 복사하거나 합칠 때 사용r	(1) 함수의 매개변수
	(2) 객체 분해 할당 시, 여러 값을 그룹핑할 때 사용

spread operator
배열, 객체를 복사하거나 합칠 때 사용

rest operator
(1) 함수의 매개변수
(2) 객체 분해 할당 시, 여러 값을 그룹핑할 때 사용

역할

(1) 함수의 매개변수

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

const result = sum([1, 2, 3, 4, 5]);
console.log(result); // 15
//////////////////위 아래는 같다! /////////////////////////

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

const result = sum(1, 2, 3, 4, 5); // []로 감싸져 있지 않지만 ...numbers를 사용하면 []로 출력 
console.log(result); // 15

(2) 객체 분해 할당 시, 남은 부분을 하나의 변수로 그룹화

객체 리터럴이나 배열 리터럴에서 남은 부분을 하나의 변수로 그룹화할 때 사용 => 잔반 처리? 😱

예를 들어, 함수에서 여러 인수를 배열로 그룹화하거나, 객체 분해 할당(destructuring)에서 특정 속성을 제외한 나머지 속성들을 새 객체로 그룹화할 때 사용.

객체 리터럴(배열 리터럴)? 중괄호{}, 대괄호[]를 이용해 객체/배열을 선언하는 방식. 별 거 아 님 .

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

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