자바스크립트 확장 연산자

| | | | | |

avascript 전파 연산자는 인수를 허용하는 구문으로 배열을 확장합니다. 브로드캐스트 연산자는 일반적으로 중복 개체, 테이블 병합 또는 에 따라 목록의 내용을 전달하는 데 사용됩니다.

브로드캐스트 연산자. 아니요, 토스트와는 관련이 없습니다. JavaScript에서 브로드캐스트 연산자는 특정 의미를 갖습니다. 즉, 반복 가능한 객체의 내용에 액세스하는 방법입니다. 토스트에 디퓨저를 붙이는 것만큼 재미있지 않을 수도 있지만 알아두면 매우 유용한 도구입니다.

이 가이드에서는 JavaScript 브로드캐스트 연산자와 작동 방식에 대해 설명합니다. . 시작하는 데 도움이 되는 몇 가지 일반적인 사용 사례를 살펴보겠습니다.

JavaScript 전달 연산자란 무엇입니까?

전파 연산자 JavaScript를 사용하면 반복 가능한 개체의 콘텐츠에 액세스할 수 있습니다. . 브로드캐스트 연산자는 액세스하려는 이터러블의 이름이 뒤에 오는 세 개의 점(타원) 세트입니다. 이 연산자는 JavaScript ES6에서 도입되었습니다.

반복 객체의 세 가지 유형은 배열, 리터럴 객체 및 문자열입니다. 루프를 사용하면 이러한 모든 유형의 데이터를 반복하고 공통 프로세스를 수행할 수 있습니다.

반복 객체는 동일한 프로세스를 여러 번 수행할 수 있기 때문에 유용합니다. 문자열을 반복하고 일부 문자를 바꿀 수 있습니다. 배열을 반복하고 배열에 저장된 모든 값의 총계를 생성할 수 있습니다.

브로드캐스트 연산자의 구문은 다음과 같습니다.

이 구문에서 ... 이름을 사용하여 "이름" 목록의 내용을 "new_names"라는 목록으로 전달합니다. "new_names" 목록에는 새 이름과 함께 "names" 목록의 모든 항목이 포함됩니다. Leslie

3 브로드캐스트 연산자의 일반적인 사용 사례는 다음과 같습니다. ..

확산 구문은 목록의 모든 개별 요소를 나타냅니다.

자바스크립트 확산 연산자:. . 이터러블의 복사본 만들기

브로드캐스트 연산자는 이터러티브를 복제하는 효율적인 방법이지만 이 문제를 처리하는 다른 방법이 있지만 브로드캐스트 연산자는 사용하기 정말 쉽습니다. iterable의 복사본을 만들려면 세 개의 점과 만들고자 하는 배열의 이름을 지정하십시오.

지난 예제에서 배열과 함께 작동하는 방식을 보여주었고 브로드캐스트 연산자를 사용하여 복제할 수도 있습니다. JavaScript 개체.

우리 코드는 자바스크립트 콘솔 에 다음을 인쇄합니다.

여기에 우리가 해야 할 중요한 구분이 있습니다. 이 예에서. JavaScript 개체의 복사본을 만듭니다. 즉, 대괄호([]) 대신 중괄호({})를 사용해야 합니다.

두 번째 , 단일 배열을 지정하는 대신 객체를 지정했습니다. 이 개체에는 3개의 키와 값이 포함되어 있으며 각각은 "Lemon Drizzle" 컵케이크와 관련이 있습니다.

방송 운영자의 사용 사례는 복사 반복 가능에 국한되지 않습니다! 더 탐색할 것이 있습니다. 확산 연산자는 일반적으로 한 iterable에서 다른 iterable로 요소를 추가하는 데 사용됩니다. 다음 예를 고려하십시오.

코드는 다음을 반환합니다.

원본 JavaScript 배열 " new_cupcakes " 라는 이름으로 여기에는 우리가 만든 몇 가지 추가 값도 포함됩니다.

동일한 구문을 사용하여 두 개의 이터러블을 결합할 수도 있습니다. 브로드캐스트 연산자를 사용하여 대괄호로 묶인 두 개의 반복 가능:

코드 반환:

이전과 동일한 결과가 반환되지만 이번에는 두 개의 네트워크에 연결됩니다.

JavaScript 퍼짐:. 패스 함수에 인수 노래

JavaScript 함수 에서 여러 인수를 전달할 때 다음을 사용하는 것이 유용할 수 있습니다. 방송사업자. 다음 예를 고려하십시오.

코드 반환:

세 개의 인수를 받아 콘솔에 출력하는 PlaceOrder ()라는 함수를 선언했습니다. 각 값 앞에는 각 인수에 포함된 내용을 설명하는 레이블이 있습니다.

이 코드가 작동하는 동안 배열에 인수를 지정하고 브로드캐스트 연산자를 사용하여 함수에 전달할 수 있습니다.

코드 반환:

이 코드의 출력은 동일하지만 코드 작동 방식이 다릅니다. 값을 함수에 직접 전달하는 대신 목록에 이러한 값을 지정합니다. 그런 다음 브로드캐스트 연산자를 사용하여 이러한 값을 함수에 전달합니다.