>웹 프론트엔드 >JS 튜토리얼 >JavaScript 스프레드 및 나머지 연산자 – 코드 예제로 설명

JavaScript 스프레드 및 나머지 연산자 – 코드 예제로 설명

Barbara Streisand
Barbara Streisand원래의
2025-01-22 18:34:14988검색

최신 JavaScript의 스프레드 및 나머지 연산자는 효율적인 배열 처리 및 함수 매개변수 관리에 필수적입니다. 배열 확장 및 유연한 함수 인수 처리와 같은 문제를 우아하게 해결합니다.

스프레드 연산자(...)

확산 연산자는 반복 가능한 객체(예: 배열)를 개별 요소로 확장합니다. 이를 통해 명시적인 반복 없이 배열 요소를 함수에 병합, 복사 또는 전달할 수 있습니다.

다음 배열을 고려하세요.

JavaScript Spread and Rest Operators – Explained with Code Examples

스프레드 연산자 전

추가 요소가 포함된 새 배열을 생성하려면 전통적으로 번거로운 방법이 필요했습니다.

JavaScript Spread and Rest Operators – Explained with Code Examples

장황하고 오류가 발생하기 쉽습니다.

Spread 연산자 이후

스프레드 연산자는 간결한 솔루션을 제공합니다.

JavaScript Spread and Rest Operators – Explained with Code Examples

스프레드 연산자는 arr의 내용을 newArr에 원활하게 추가하여 수동 인덱싱이나 루프를 제거합니다.

확산 운영자 애플리케이션:

  • 어레이 연결: 여러 어레이를 손쉽게 결합:

JavaScript Spread and Rest Operators – Explained with Code Examples

이렇게 하면 수동 연결이 방지됩니다.

  • 함수 인수 전달: 가변 길이 인수 전달:

JavaScript Spread and Rest Operators – Explained with Code Examples

이를 통해 기능 유연성이 향상됩니다.

  • 어레이 복사: 독립적인 어레이 복사본 만들기:

JavaScript Spread and Rest Operators – Explained with Code Examples

slice()이나 concat()보다 직관적입니다.

나머지 연산자(...)

반대로, 나머지 연산자는 함수 매개변수 또는 배열 구조 분해 내에서 요소를 단일 엔터티로 수집합니다. 나머지 요소를 변수로 수집하여 유연한 함수 정의 및 배열 조작이 가능합니다.

휴게소 운영 전

수작업과 관련된 나머지 부분을 보존하면서 요소 추출:

JavaScript Spread and Rest Operators – Explained with Code Examples

직관성이 떨어지고 오류가 발생하기 쉽습니다.

휴식 운영자 후

나머지 연산자는 이를 단순화합니다.

JavaScript Spread and Rest Operators – Explained with Code Examples

first이 첫 번째 요소를 가져오고 rest가 나머지 요소를 가져옵니다.

휴식 운영자 신청:

  • 가변 길이 함수 인수: 무한한 수의 인수 처리:

JavaScript Spread and Rest Operators – Explained with Code Examples

...numbers은 모든 인수를 numbers 배열로 수집합니다.

  • 배열 분해: 나머지 요소 캡처:

JavaScript Spread and Rest Operators – Explained with Code Examples

이렇게 하면 코드 가독성이 향상됩니다.

결론

확산 및 나머지 연산자는 배열 조작 및 함수 매개변수 처리를 단순화하여 JavaScript 코드 효율성과 가독성을 크게 향상시킵니다.

위 내용은 JavaScript 스프레드 및 나머지 연산자 – 코드 예제로 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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