반응형
자바스크립트에서 패킹 역할을 하는 REST문법에 대해서 알아보겠습니다.
[ Contents ]
1. REST
...개체
spread와 문법이 동일합니다. 다만 spread는 객체나 배열의 요소를 나열하는 언패킹이고, rest는 그 반대로 나열된 요소들을 묶는 패킹입니다.
const print = (...rest) => { // rest
console.log(rest);
};
const numbers = [1, 2, 3, 4, 5, 6];
print(...numbers); // spread
위 예시는 spread로 여러 요소들을 인자로 보내고, rest로 파라미터를 받고 있습니다. 만약 rest를 사용하지 않는다면 아래와 같은 결과가 나옵니다.
const print = (rest) => { // rest 사용 안했을때
console.log(rest);
};
const numbers = [1, 2, 3, 4, 5, 6];
print(...numbers); // spread
인자가 1개만 넘어가게 됩니다.
spread와 rest를 사용하여 2개 이상의 입력값과 출력값을 유연하게 넘겨받을 수 있으며, 주로 함수에서 많이 사용됩니다.
[JS] 자바스크립트 스프레드(spread): 언패킹(Unpacking), 특정 객체나 배열 요소 나열하기
자바스크립트의 스프레드에 대해서 알아보겠습니다. [ Contents ] 1. 스프레드 (Spread) ...객체/배열 객체나 배열 앞에 ...를 붙여 요소를 풀어쓰는 문법입니다. 다른 언어에서는 언패킹(Unpacking)이라
star7sss.tistory.com
반응형
'PL (Programming Language) > JavaScript' 카테고리의 다른 글
[JS] 자바스크립트 비동기 객체 Promise: resolve - then, reject - catch (0) | 2023.09.27 |
---|---|
[JS] 자바스크립트 동기와 비동기: 쓰레드(Thread)와 콜백함수(Callback) (1) | 2023.09.25 |
[JS] 자바스크립트 스프레드(spread): 언패킹(Unpacking), 특정 객체나 배열 요소 나열하기 (0) | 2023.09.25 |
[JS] 자바스크립트 변수 값 교환하기(Swap), 배열/객체 기본값 설정하기 (0) | 2023.09.22 |
[JS] 자바스크립트 객체 생성, 속성 생성/변경/삭제(delete) (0) | 2023.09.14 |
댓글