>웹 프론트엔드 >JS 튜토리얼 >## ES6의 스프레드 구문과 나머지 매개변수의 차이점은 무엇입니까?

## ES6의 스프레드 구문과 나머지 매개변수의 차이점은 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-10-24 17:23:021060검색

## What's the Difference Between Spread Syntax and Rest Parameters in ES6?

ES2015 / ES6의 확산 구문과 Rest 매개변수 비교

JavaScript ES2015는 쉽게 혼동될 수 있는 두 가지 중요한 기능인 확산 구문과 휴식을 도입했습니다. 매개변수. 둘 다 점 3개 표기법을 사용합니다(...). 그러나 이들은 서로 다른 목적으로 사용됩니다.

확산 구문

확산 구문은 반복 가능 항목을 개별 요소로 확장하는 데 사용됩니다. 이는 배열, 문자열 또는 객체에 적용될 수 있습니다. 예를 들어 다음 코드를 고려해 보세요.

<code class="javascript">const abc = ['a', 'b', 'c'];
const def = ['d', 'e', 'f'];
const alpha = [...abc, ...def];</code>

이 예에서는 스프레드 구문을 사용하여 abc 및 def 배열을 새 알파 배열로 확장합니다. 결과적으로 alpha에는 abc와 def의 모든 요소가 포함됩니다.

Rest 매개변수

반대로, 나머지 매개변수는 함수 정의에서 다음을 수집하는 데 사용됩니다. 함수에 전달된 나머지 인수입니다. 세 개의 점과 변수 이름으로 표시됩니다. 예:

<code class="javascript">function sum(...rest) {
  let result = 0;
  rest.forEach(num => result += num);
  return result;
}</code>

sum 함수에서 나머지 매개변수 ...rest는 함수에 전달된 모든 인수를 수집하여 나머지 배열에 저장합니다. 그런 다음 나머지 부분을 반복하여 해당 요소의 합을 누적합니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.