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 중국어 웹사이트의 기타 관련 기사를 참조하세요!