02. Rest 파라미터 - 스프레드(Spread) 연산자와 Rest 파라미터
Spread 연산자로 파라미터를 작성한 형태를 Rest 파라미터라고 한다.
function(param, paramN, ...rest);
const number = [1,2,3]
getNum(...number);
function getNumt(num1, num2, num3){
console.log(num1, num2, num3);
}
결과 값
num1 = 1
num2 = 2
num3 = 3
호출하는 함수의 파라미터에 3개의 값을 쓰고
호출받는 함수의 파라미터를 2개의 값만 썼을 경우 3번째 파라미터 값은 설정되지 않는다.(예제1)
이때, rest 파라미터를 사용함으로써 배열 엘리먼트로 저장할 수 있다.(예제2)
(예제1)
getNum(...[1,2,3]);
function getNum(num){
console.log(num);
}
결과 값
1
=============================================
(예제2)
getNum(...[1,2,3]);
function getNum(...rest){
console.log(rest);
}
결과 값
[1,2,3]
...rest라고 적어 둔 arguments 명은 변경되어도 된다. (...number, ...test 등등)
Spread와 Rest가 '...'으로 표현하는게 같아서 뭐가 다르지? 생각할 수도 있다.
기능적으로 차이가 있다.
Spread 파라미터는 분리,전개
1.호출하는 함수의 파라미터에 사용한다.
2.파라미터로 사용 시 전개하는 기능을 한다.
Rest 파라미터는 전개된 엘리먼트 배열로 설정
1.호출받는 함수의 파라미터에 사용한다.
2.파라미터 값을 설정하고 설정되지 못한 나머지 파라미터 값들을 배열에 설정한다.
'Javascript' 카테고리의 다른 글
| gulp로 js 파일, css파일 Minify 및 Merge하기 (0) | 2019.12.17 |
|---|---|
| e.target.dataset과 jQuery의 .data()의 결과 값은 다를 수 있다. (0) | 2019.11.15 |
| 태그 내부에 컨텐츠 추가하기 append(), prepend(), appendTo(), prependTo(), before(), after() (0) | 2019.10.02 |
| placeholder.js 라이브러리 소스 분석 도전, 스터디 개념 (0) | 2019.06.05 |
| 01. Spread 연산자 - 스프레드(Spread) 연산자와 Rest 파라미터 (0) | 2018.10.29 |
| Google Javascript Maps API를 사용하여 지도 올리기! (0) | 2018.10.26 |
| ajax 이슈, 파라미터 값이 안 보내져요. (processData) (0) | 2018.10.24 |
| input 포맷(전화번호 입력받기)__regex__replace__substr (0) | 2018.10.24 |
