Javascript-extensie-operator

| | | | | |

De avascript-propagatie-operator breidt een array uit in syntaxis die argumenten accepteert. De broadcast-operator wordt vaak gebruikt voor dubbele objecten, samenvoegtabellen of om de inhoud van een lijst door te geven.

De broadcast-operator. Nee, het heeft niets met toast te maken. In JavaScript heeft de broadcast-operator een specifieke betekenis: het is een manier om toegang te krijgen tot de inhoud van een itereerbaar object. Hoewel het misschien niet zo leuk klinkt als een diffusie op toast plakken, is het een ongelooflijk handig hulpmiddel om te weten.

In deze gids gaan we het hebben over de JavaScript-uitzendingsoperator en hoe het werkt . We zullen enkele voorbeelden van veelvoorkomende gebruiksscenario`s bekijken om u op weg te helpen.

Wat is de JavaScript-bezorgingsoperator?

propagatie-operator Een JavaScript geeft u toegang tot de inhoud van een itereerbaar object . De broadcast-operator is een set van drie punten (een ellips) gevolgd door de naam van de iterables die u wilt openen. Deze operator is geïntroduceerd in JavaScript ES6.

De drie typen iteratieve objecten zijn arrays, letterlijke objecten en strings. Door een lus te gebruiken, kunt u al deze soorten gegevens doorlopen en er een gemeenschappelijk proces op uitvoeren.

Iteratieve objecten zijn handig omdat u hetzelfde proces meerdere keren op ze kunt uitvoeren. U kunt een reeks herhalen en enkele tekens vervangen. U kunt een array herhalen en een totaal maken van alle waarden die in de array zijn opgeslagen.

De syntaxis voor de broadcast-operator is:.

In deze syntaxis gebruiken we ... namen om de inhoud van onze "namen"-lijst door te geven aan een lijst met de naam "nieuwe_namen". De lijst "nieuwe_namen" bevat alle items in de lijst "namen", samen met een nieuwe naam:. Leslie

Drie Veelvoorkomende use cases voor de broadcast-operator zijn: ..

Spread-syntaxis vertegenwoordigt alle individuele elementen van een lijst

JavaScript spread-operator:. . Maak een kopie van een iteratief

De broadcast-operator is een efficiënte manier om een iteratief te dupliceren, hoewel er andere manieren zijn om dit probleem aan te pakken, is de broadcast-operator heel gemakkelijk te gebruiken. om een kopie van een iterabel te maken, specificeert u drie punten en de naam van de array die u wilt maken

In ons laatste voorbeeld hebben we laten zien hoe het werkt met een array. We kunnen ook de operator van broadcast gebruiken om te dupliceren JavaScript-objecten.

Onze code drukt het volgende af in de JavaScript-console :

Hier zijn belangrijke onderscheidingen die we moeten maken in dit voorbeeld. We maken een kopie van een JavaScript-object. Dit betekent dat we accolades ({}) moeten gebruiken in plaats van vierkante haken ([]).

Ten tweede hebben we, in plaats van een enkele array op te geven, een object gespecificeerd. Dit object bevat drie sleutels en waarden, die elk gerelateerd zijn aan onze "Lemon Drizzle" cupcake.

De use cases van de broadcast-operator zijn niet beperkt tot het kopiëren van iterables! Er is meer te ontdekken. De diffusie-operator wordt vaak gebruikt om elementen van de ene iterabele naar de andere toe te voegen. Beschouw het volgende voorbeeld:

Onze code geeft als resultaat:

We hebben een kopie gemaakt van onze originele JavaScript-array genaamd" new_cupcakes ", die ook enkele extra waarden bevat die we hebben gemaakt.

U kunt dezelfde syntaxis ook gebruiken om twee iterables samen te voegen. Het enige wat u hoeft te doen is de twee iterables tussen vierkante haken met behulp van de broadcast-operator:

Onze code geeft als resultaat:

Hetzelfde resultaat wordt geretourneerd als voorheen, maar deze keer voegen we ons bij twee netwerken

JavaScript Verspreiding:. pas argumenten naar een functie zingen

Bij het doorgeven van meerdere argumenten in een JavaScript-functie kan het handig zijn om de omroep exploitant. Beschouw dit voorbeeld:

Onze code geeft als resultaat:

We hebben een functie gedeclareerd genaamd PlaceOrder () die drie argumenten nodig heeft en deze naar de console afdrukt. Elke waarde wordt voorafgegaan door een label dat beschrijft wat elk argument bevat.

Hoewel deze code functioneel is, kunnen we onze argumenten in een array specificeren en de broadcast-operator gebruiken om ze door te geven aan onze functie:

Onze code geeft als resultaat:

de output van deze code is hetzelfde, maar de manier waarop onze code werkt is anders. In plaats van de waarden ‚Äã‚Äãdirect door te geven aan onze functie, specificeren we deze waarden ‚Äã‚Äãin een lijst. Vervolgens gebruiken we de broadcast-operator om deze waarden door te geven aan onze functie.