[JS] 나머지 매개변수 rest parameter

나머지 매개변수는 처음 강의 땐 뭐지..? 했는데 (아마 그때만 해도 매개변수를 왜 사용하는지를 몰라서 그랬던 것 같다) 다시 한번 더 강의를 들으면서 이해가 된 ES6 문법이였다.

💡 나머지 매개변수

나머지 매개변수는 기존의 매개변수 외로 추가로 들어올 매개변수들을 받기 위해 사용한다.

function ex (a, b, c, ...args) {
    console.log(a,b,c);   // 123
    console.log(...args); // 4567
}
ex(1, 2, 3, 4, 5, 6, 7);

위 코드를 보면 기본적인 매개변수는 총 3개(a,b,c)이다.
그런데 ex 함수를 호출하는 곳에는 총 7개의 숫자가 담겨 있다.

그럼 나머지 4개는...?ㅠ

이럴때 ...args를 이용해서 추가적으로 매개변수들을 받아줄 수 있다.
그래서 각각 매개변수로 콘솔을 찍어보면 a,b,c는 123을, ...args는 나머지(4,5,6,7)을 보여준다.

주의 사항이라면 ...을 꼭 함께 써 주어야 한다!
만약 console.log(args)라고 하면 배열 타입으로 [4,5,6,7]이 들어오기 때문이다! 🤯

이렇게 되면 우리가 원하는 형태가 아니기 때문에 꼭 ...을 붙여서 사용해 주자.