본문 바로가기
Coding/Javascript

Javascript - rest parameter(...array)

by z쿳쿳z 2020. 6. 1.
728x90
반응형

rest parameter는 다른 말로 spread syntax라고도 한다. 들어오는 인자가 만약 배열이라면, rest parameter을 활용하여 배열안에 있는 element를 순차적으로 매개변수에 넣어 주는 역할이다.(객체도 사용이 가능하지만, 배열에 주로 사용 되기 때문에 배열만 설명)

 

...array

 - 형태는 앞에 ...(마침표를 3개를) 사용해 표현할 수 있다.

 - 들어오는 인자는 객체이거나 배열인 형태를 가질 때 사용이 가능하다.

  *...array는 배열안에 있는 element들을 하나씩 매개변수에 넣어주는 역할이다.

  *array를 console.log를 활용하여 출력을 하면 element들이 순차적으로 출력되는 것을 확인 할 수 있다.

  *정해지지 않은 인수 배열로 나타낼 수 있게 해준다.(배열에 element 수가 정해지지 않았고 임의의 개수일 때)

  *주어진 매겨변수 x, y, z에 array의 element를 순차적을 대입 하여 Sum(...array) 결과 값이 6을 확인 할 수 있다.

  

  *rest parameter는 특히 함수형 메소드에서 많이 사용된다.(arguments와 차이점(arguments는 메소드 사용 불가(length 제외))

  *...theArgs는 인자로(1, 2, 3, 4, 5)는 배열 theArgs = [1, 2, 3, 4, 5]가 들어온 것과 같은 효과이다.

  *배열의 길이 값이 정해져 있지 않더라도 다양한 배열 길이를 받을 수 있다.

 

#

728x90
반응형

'Coding > Javascript' 카테고리의 다른 글

Javascript - 재귀함수(recursion)  (1) 2020.06.03
Javascript - 익명함수  (1) 2020.06.02
Javascript - arguments  (1) 2020.05.29
Javascript - 배열 함수형 메소드(method)(4)  (1) 2020.05.28