본문 바로가기

퍼블리싱/Javascript

자바스크립트 Rest 파라미터에 대한 특징

반응형
SMALL

 

arguments랑 유사하다. 하지만 arguments는 모든 파라미터를 []에 담아주지만 rest parameter는 지정해서 담을 수가 있다. 아래 코드로 예시를 들어볼 수 있겠다.

//rest parameters
function 함수(a,b,...rest){
  console.log(rest)
}

함수(1,2,3,4,5,6,7.8);

-------------------------------------

function 함수(a,b,...rest){
  console.log(rest[1])
}

함수(1,2,3,4,5,6,7.8); //4

세번째 부터 끝까지의 파라미터만 출력이 된다. rest parameter는 arguments 보다 더 유연하게 사용이 가능하다.

 

함수 파라미터 자리에 ... 이 붙으면 무조건 rest이고 그 나머지 경우는 spread operator라고 할 수 있다.

 

Q.모든 파라미터를 하나씩 콘솔창에 출력하고 싶다.?

function testFunc(...rest){
  for(var i = 0; i< rest.length; i++){
    console.log(rest[i])
  }
}

testFunc(1,2,3,4,54,534,45,666);

 

rest의 주의점

1. 가장 뒤에 작성해야한다. function testFunc(...rest,a){...} 이런거 안됌.

2. 두번 이상 금지

 

반응형
LIST