나머지 매개변수, 전개 연산자 활용하기

1. 나머지 매개변수

함수 매개변수가 가변적이거나 정확한 매개변수 갯수를 알 수 없을때 사용.

문법

// 모든 인수가 배열 args에 저장
function sumAll(...args) {
	for (let arg of args) sum += arg;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6


function showName(firstName, lastName, ...titles) {
  alert( firstName + ' ' + lastName ); // Julius Caesar

  // 나머지 인수들은 배열 titles의 요소가 됩니다.
  // titles = ["Consul", "Imperator"]
  alert( titles[0] ); // Consul
  alert( titles[1] ); // Imperator
  alert( titles.length ); // 2
}

showName("Julius", "Caesar", "Consul", "Imperator");

주의! 나머지 매개변수는 항상 마지막에 선언

function f(arg1, ...rest, arg2) <-- 에러

2. 전개연산자 spread

문법

1. 배열의 요소를 전개.
let arr = [3, 5, 1];

alert( Math.max(...arr) ); // 5

2. 배열을 전개하여 신규배열 생성
let arr = [3, 5, 1];
let arr2 = [8, 9, 15];

let merged = [0, ...arr, 2, ...arr2]; // 0,3,5,1,2,8,9,15

3. 이터러블 객체 배열전환
let str = "Hello";

alert( [...str] ); // H,e,l,l,o

정리

"..."은 나머지 매개변수나 전개 문법으로 사용됩니다.

나머지 매개변수와 전개 문법은 아래의 방법으로 구분할 수 있습니다.

• ...이 함수 매개변수의 끝에 있으면 인수 목록의 나머지를 배열로 모아주는 '나머지 매개변수’입니다.

• ...이 함수 호출 시 사용되면 배열을 목록으로 확장해주는 '전개 문법’입니다.