17. 스프레드 및 나머지 연산자

Spread 또는 Rest라고 불리는 

...

연산자

 

Spread

배열의 원소나 객체의 프로퍼티를 나누는데 사용한다

... 연산자는 배열이면 배열, 객체면 객체, 새로운 배열 및 객체에 그 내부에 있는 것들을 꺼내서 넣는다고 생각하면 된다

const numbers = [1, 2, 3];
const newNumbers = [...numbers, 5, 6, 7];

console.log(newNumbers);

 

const person = {
    name: 'Max',
    age: 24
};

const newPerson = {
    ...person, 
    gender: 'Male'
}

console.log(newPerson);
// print 
// {name: 'Max', age: 24, gender: 'Male'}

 

 

 

Rest

Rest는 이름이 다른 것처럼 용법도 조금 다르다

사용빈도는 낮지만 함수에서 사용된다

 

.filter() 함수 

 

el 부분을 보면 조건을 줘서 배열을 다시 만드는 기능을 한다.