## 확산 구문과 나머지 매개변수: 차이점은 무엇이며 어떻게 작동합니까?

ES2015 / ES6의 확산 구문 및 Rest 매개변수 이해

ES2015의 도입으로 확산 구문과 나머지 매개변수라는 두 가지 새로운 구문이 도입되었습니다. JavaScript에서 유연한 데이터 처리를 촉진합니다. 둘 다 표면적으로는 줄임표 연산자와 유사하지만 서로 다른 목적을 제공합니다.

확산 구문

점 3개(...var)로 표시되는 확산 구문은 반복 가능한( 배열과 같은)를 개별 요소로 변환합니다. 주로 세 가지 시나리오에 사용됩니다.

• 배열 결합: 여러 배열을 단일 배열로 병합:

  <code class="js">var abc = ['a', 'b', 'c'];
  var def = ['d', 'e', 'f'];
  var alpha = [ ...abc, ...def ];
  console.log(alpha); // alpha == ['a', 'b', 'c', 'd', 'e', 'f']</code>

• 함수에 인수 전달: 함수 매개변수에 인수 배열 분산:

  <code class="js">function sum(...args) {
  return args.reduce((total, val) => total + val, 0);
  }
  const values = [1, 2, 3, 4];
  console.log(sum(...values)); // 10</code>

• 얕은 객체 복사본 만들기: 객체 확장 새 객체에 대한 키:

  <code class="js">const person1 = { name: 'John', age: 30 };
  const person2 = { ...person1, city: 'New York' };</code>

Rest 매개변수

확산 구문과 달리 나머지 매개변수는 함수 정의에만 사용됩니다. 세 개의 점과 변수 이름(...var)으로 표시됩니다. 나머지 매개변수는 무한한 개수의 인수를 배열로 수집합니다.

<code class="js">function logRest(...args) {
  console.log(args); // args == [ 'a', 'b', 'c', 'd', 'e' ]
}
logRest('a', 'b', 'c', 'd', 'e');</code>

주요 차이점

• 사용: 확산 구문은 배열을 확장합니다. , 나머지 매개변수는 인수를 수집합니다.
• Context: 스프레드 구문은 표현식에 사용되는 반면 나머지 매개변수는 함수 정의에 사용됩니다.
• 출력 : 확산 구문은 개별 요소를 생성하고 나머지 매개변수는 배열을 생성합니다.

결론

확산 구문과 나머지 매개변수는 JavaScript의 데이터 조작 기능을 향상시켜 다음과 같은 편리한 방법을 제공합니다. 새 배열을 만들고, 인수를 분산하고, 함수에서 인수를 수집합니다. 각각의 고유한 용도를 이해하면 개발자는 이러한 구문을 효과적으로 활용하여 코드 유연성과 간결성을 높일 수 있습니다.

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