Array Destructuring in JavaScript | Forklart

Arrays består av mange verdier av samme datatype, og elementene i matriser er tilgang/hentet ved å bruke indekseringsfenomenet. Imidlertid er det kanskje ikke fruktbart når det gjelder komplekse matriser, og du vil hente arrayelementene fra det.

Array Destructuring Phenomenon blir utført for å hente arrayelementene med letthet. I matray -ødeleggelse blir hvert element referert til som en variabel, og ved å kalle den variabelen vil du kunne hente elementet som er tilknyttet den variabelen. Med sikte på å få elementer, gir denne artikkelen en detaljert guide for destrukturering av matriser i JavaScript.

Hvordan matrise ødeleggelse fungerer i JavaScript

Som diskutert refererer tidligere ødeleggelse til matriseelementene ved å bruke distinkte variabler. For ødeleggelse trenger du således et sett med variabler som kan brukes til å få det spesifikke elementet i en matrise. Kodelinjene skrevet nedenfor bedre demonstrerer hvordan ødeleggelse fungerer i JavaScript.

var arr = [1, 2, 3, 4];
var [w, x, y, z,] = arr;

Etter å ringe variabelen “w”Du ville fått“1”I utgangen, på samme måte, verdien”2”Ville bli lagret inne i“x”Variabel og så videre.

Hvordan du ødelegger en matrise i JavaScript

Denne delen gir et sett med eksempler som illustrerer hvordan matriser kan manipuleres ved å bruke ødeleggelsesfenomenet.

Eksempel 1

Følgende kode lager distinkte variabler for hvert element i en matrise.

var arr = [10, 11, 12]
var [x, y, z] = arr;
konsoll.logg (x);
konsoll.logg (y);
konsoll.logg (z);

Ovennevnte kode er beskrevet som,

• en matrise arr opprettes som inneholder tre numeriske verdier
• Et annet sett med variabler opprettes som refererer til arr variabel og dermed vil de bli assosiert med hvert element i matrisen arr.
• variablene x, y, og z skrives ut

Produksjon

Utgangen viser at verdiene 10, 11, og 12 nå inneholdt av x, y, og z henholdsvis.

Eksempel 2

La oss se på hvordan ødeleggelsen fungerer hvis antall elementer ikke er lik antall variabler.

var arr = [4, 7]
var [x, y, z] = arr;
konsoll.logg (x);
konsoll.logg (y);
konsoll.logg (z);

Ovennevnte kode inneholder en matrise som inneholder to numeriske verdier. Denne matrisen blir assosiert med tre variabler, og deretter skrives disse variablene ut med "konsoll.Logg”Uttalelse.

Produksjon

Ovennevnte utgang viser at verdien av z resulterer i udefinert fordi det bare er to tall i arr Dermed kan bare to variabler kartlegges på disse variablene.

Eksempel 3

Dette eksemplet benytter seg av hvileoperatøren for å ødelegge en matrise.

var arr = ["Linuxhint", "Welcome", "Linux, Windows", "JavaScript/JQuery", "Informative Tutorials"]
var [x, y, ... annet] = arr;
konsoll.logg (x);
konsoll.logg (y);
konsoll.logg (annet);

Ovennevnte kode oppretter en rekke strenger og x, y, og andre Henvis til elementene i en matrise. De x og y forholde seg til henholdsvis de første og andre elementene mens annen Variabel brukes med Rest Operator, derfor inneholder den andre alle elementene som oppstår etter det andre elementet.

Produksjon

Utgangen viser det x og y Inneholder de to første elementene bare mens resten av matriseelementene er inneholdt i annen variabel.

Merk: Ettersom variabler ikke kan opprettes ved hjelp av et tall, kan ikke numeriske verdier brukes til å ødelegge matrisen.

Konklusjon

Array Destructuring utføres ved å knytte variabler til matriseelementene. Disse distinkte variablene kan brukes til å få bare spesifikke elementer i matrisen. Denne artikkelen gir en detaljert guide om destrukturering av matriser i JavaScript. Her vil du bli kjent med og utføre ødeleggelse av matriser i JavaScript. For bedre forståelse har vi gitt et sett med eksempler som refererer til ødeleggelse av matriseelementene i JavaScript.