> 웹 프론트엔드 > JS 튜토리얼 > **확산 구문과 나머지 매개변수: 차이점은 무엇입니까?**

**확산 구문과 나머지 매개변수: 차이점은 무엇입니까?**

Linda Hamilton
풀어 주다: 2024-10-24 18:44:02
원래의
575명이 탐색했습니다.

**Spread Syntax vs. Rest Parameter: What's the Difference?**

ES2015/ES6의 스프레드 구문과 Rest 매개변수

JavaScript에서는 스프레드 구문(...)과 나머지 매개변수(. ..)에는 배열 및 함수 매개변수를 사용하는 새로운 방법이 도입되었습니다. 비슷해 보일 수 있지만 효과적인 코딩을 위해서는 서로 다른 역할을 이해하는 것이 중요합니다.

확산 구문: 배열 확장

확산 구문은 기존 배열을 내부의 개별 요소로 확장합니다. 새로운 배열. 예를 들어, abc와 def라는 두 개의 배열을 고려해 보겠습니다.

<code class="js">var abc = ['a', 'b', 'c'];
var def = ['d', 'e', 'f'];</code>
로그인 후 복사

이 배열에서 ... 연산자와 함께 스프레드 구문을 사용하여 두 배열의 요소를 포함하는 새로운 배열 알파를 생성할 수 있습니다.

<code class="js">var alpha = [ ...abc, ...def ];</code>
로그인 후 복사

결과는 다음과 같습니다.

<code class="js">alpha == ['a', 'b', 'c', 'd', 'e', 'f'];</code>
로그인 후 복사

이 예에서 확산 구문은 abc 및 def 배열을 개별 요소로 확장하여 효과적으로 더 큰 배열을 생성합니다.

Rest 매개변수: 인수 수집

반면, Rest 매개변수는 여러 인수를 하나의 배열로 수집합니다. 이는 일반적으로 함수 정의에 사용됩니다.

<code class="js">function sum(...numbers) {
  // numbers will contain an array of all arguments passed to the function
}</code>
로그인 후 복사

이 함수를 호출할 때 모든 인수는 숫자 매개변수 내의 배열로 캡처됩니다.

<code class="js">sum(1, 2, 3, 4, 5); // numbers == [1, 2, 3, 4, 5]</code>
로그인 후 복사

나머지 매개변수는 일반적으로 다음 용도로 사용됩니다. 가변 길이 함수 인수를 처리하여 여러 값 처리를 단순화합니다.

위 내용은 **확산 구문과 나머지 매개변수: 차이점은 무엇입니까?**의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿