Javascript spredningsoperatør forklarte

JavaScript støtter mange operatører, metoder og funksjoner for å gjøre koden forståelig og gjenbrukbar lett. En av de kjente operatørene, er spredningsoperatøren øvd på å hente elementer fra variabler av forskjellige datatyper (i.e., strenger, matriser, objekter osv.). Videre er bruken av spredningsoperatøren mangfoldig slik at den kan brukes til å kopiere matriseelementer, sammenkoblingsarrays, legge ethvert element til en eksisterende matrise, og mange flere.

Denne guiden gir arbeidet med spredt operatør i JavaScript med mangfoldsbruk. Følgende innhold vil bli dekket i denne artikkelen:

1. Hvordan spredt operatør fungerer i JavaScript
2. Hvordan bruke spredningsoperatøren i JavaScript

Hvordan spredt operatør fungerer i JavaScript

Syntaksen til spredningsoperatøren ligner på hvileoperatøren som kan sees nedenfor.

... var

Selv om syntaksen til resten og spredte operatøren er den samme, har de forskjellig funksjonalitet å tilby. Restoperatøren returnerer kombinasjonen av elementer i en matrisevariabel mens spredningsoperatøren sprer objektet til individuelle elementer.

Hvordan sammenkoble matriser ved hjelp av spredningsoperatøren

Hva som kommer inn i tankene dine mens du sammenkobler matriser? concat () metode, høyre? Imidlertid kan spredningsoperatøren også brukes til å bli med to eller flere matriser i en enkelt. Koden gitt nedenfor refererer til sammenkobling av matriser i JavaScript ved hjelp av spredningsoperatøren.

var arr1 = [1, 2, 3]
var arr2 = [4, 5, 6]
var arr3 = [… arr1,… arr2];
konsoll.Logg (ARR3);

Ovennevnte kode oppretter to matriser som er navngitt ARR1, og ARR2. Senere blir disse matriser sammen med en spredningsoperatør og lagret i en annen matrise som er navngitt arr3.

Produksjon

Utgangen viser at spredningsoperatøren har sammenkoblet to matriser.

Hvordan legge til nye elementer i en matrise ved hjelp av spredningsoperatøren

Følgende kode refererer til å bruke spredningsoperatøren for å legge til nye elementer i en matrise.

var arr1 = [1, 2, 3]
arr1 = [… arr1, 4, 5];
konsoll.Logg (ARR1);

Ovennevnte kode oppretter en rekke tall som har tre elementer. Ved å bruke spredningsoperatøren blir to andre elementer imidlertid lagt til i ARR1.

Produksjon

Utgangen viser at to nye elementer av ARR1 er lagt til.

Hvordan bruke spredningsoperatøren med matematikkfunksjoner

I JavaScript brukes matematikkfunksjonene til å utføre noen beregninger på dataene. Du kan bruke spredningsoperatøren med matchfunksjoner for å utføre beregningene mer effektivt som det vil bli praktisert i følgende kode.

var arr1 = [11, -22, 13, -44, 35]
konsoll.Logg (matematikk.Max (... arr1));

Ovennevnte kode oppretter en rekke tall og Matte.Maks Funksjon brukes på arrayverdier ved hjelp av spredningsoperatøren.

Produksjon

Utgangen viser at Matte.Max () Funksjon har blitt brukt på ARR1 ved hjelp av spredningsoperatøren og maksimal verdi fra ARR1 blir returnert.

Hvordan konvertere “String til en rekke strengtegn” ved hjelp av spredningsoperatøren

Koden gitt nedenfor bruker en spredningsoperatør for å konvertere strengen til en rekke strenger.

var x = "linuxhint";
var arr = [… x];
konsoll.logg (arr);

Ovennevnte kode initialiserer en streng, og deretter skiller spredningsoperatøren strengtegnene i en rekke strenger.

Produksjon

Utgangen viser at spredningsoperatøren har skilt strengtegnene og lagres i en matrise.

Hvordan bruke spredningsoperatøren i funksjonssamtalen

Koden nedenfor bruker en spredningsoperatør som skal brukes til å bestå flere argumenter.

funksjon add (a, b, c, d, e)
konsoll.Logg (A+B+C+D+E)

var args = [10, 14, 18]
Legg til (... args, 5, 8);

En funksjon Legg til opprettes som godtar fem verdier som argumenter og legger til disse verdiene. De Args er en rekke tall som inneholder tre elementer. Mens du kaller funksjonen, verdiene i Args utøves med spredningsoperatøren og to parametere brukes individuelt for å fullføre de fem argumentene.

Produksjon

Utgangen viser at Legg til () -funksjon kalles med Args, 5 og 8. De Args omfatter tre verdier som vil være spredt over funksjonen.

Konklusjon

Spredningsoperatøren lar deg trekke ut elementene og spre dem til enkeltpersoner. Spredningsoperatøren kom inn i virksomheten i ES6 (den siste JS -versjonen som ble utgitt i 2015). Denne artikkelen demonstrerer arbeid og bruk av en spredningsoperatør i JavaScript. Ved hjelp av spredningsoperatøren kan man sammenkoble matriser, legge til nye elementer i en matrise, dele ned strengen i individuelle tegn, og mange flere. Alle ovennevnte bruksområder for spredningsoperatør forklares her ved hjelp av eksempler.