Hvordan ødelegge objekter og matriser i JavaScript | Forklart med eksempler

ES6 -versjonen kom med en bølge av nye funksjoner, en av disse funksjonene var evnen til å ødelegge objekter og matriser. Destructuring Arrays eller Objects er prosessen med å ta verdier fra objekter eller matriser og tilordne dem til lokale variabler ved hjelp av destructuring Syntax.

Destructuring fungerer ved å tilordne verdiene til elementene i matrisen/objektet til flere variabler ved å bruke en enkelt kodelinje, så kan du få tilgang til disse verdiene ved å bruke disse nye variablene. Husk at det ikke er noe særlig ødeleggende "symbol" eller "operatør".

Syntaks
Syntaksen ved å bruke ødeleggelsesoppgaven er ganske enkel; For å ødelegge objektet i flere variabler:

• Bruk de krøllete parentesene etter variabel definisjon
• Sett inn variablene inne i krøllete parenteser
• Sett den deretter (hele variabel erklæring) lik objektet

Objekter:

const var1, var2 = objektnavn;

Tilsvarende, til destructure -matriser til flere variabler, bruk de firkantede parentesene [] i stedet for krøllete parenteser.

Arrays:

const [variabel1, variabel2] = arrayName;

Merk: Når det.

Ødeleggende matriser i JavaScript

Lag en matrise som inneholder tilfeldige elementer inne i den for å demonstrere ødeleggelsen av matriser i JavaScript ved å bruke følgende kommando:

bruker = ["Alberto", "Rodrigo", 25, "Mann"];

Du kan se, vi har en rekke med detaljene om en person. Den tradisjonelle løsningen av å lagre verdiene til elementene i denne matrisen i lokale variabler ville være:

const firstName = bruker [1];
const lastName = bruker [2];
const alder = bruker [3];
const kjønn = bruker [4];

Dette er en lang prosess og krever flere kodelinjer.

Bruke ødeleggelsesfunksjonene ovennevnte kodeendringer til:

const [firstName, lastname, alder, kjønn] = bruker;

Bare med den ene linjen har vi laget 4 variabler og tildelt dem de respektive verdiene fra matrisen.

For å bekrefte dette kan du skrive ut verdien til noen av disse variablene med følgende kode:

konsoll.Logg (FirstName);
konsoll.logg (kjønn);

Det komplette kodebiten ville være:

Array = ["Alberto", "Rodrigo", 25, "Mann"];
const [firstName, lastname, alder, kjønn] = matrise;
konsoll.Logg (FirstName);
konsoll.logg (kjønn);

Du får følgende utdata:

Du kan se, variablene hadde sine verdier fra elementene i matrisen.

Ødeleggende nestede matriser

Ødeleggende fungerer til og med med nestede matriser. Ta for eksempel et nestet utvalg som kan opprettes med følgende kodelinjer:

Bruker = ["Alberto", "Rodrigo", 25, "Mann", ["MR.John "," Samantha "]];

Du kan se at det siste elementet i matrisen er en annen matrise som inneholder navnene på faren og moren til personen.

Vi kan ødelegge denne nestede matrisen ved hjelp av følgende kode:

const [FirstName, LastName, Age, Gender, [Fathername, MotherName]] = Array;

Du kan bekrefte denne ødeleggelsen ved hjelp av følgende kommandoer:

konsoll.Logg (FirstName);
konsoll.logg (kjønn);
konsoll.Logg (Fathername);
konsoll.Logg (Mothername);

Det komplette kodebiten er:

Array = ["Alberto", "Rodrigo", 25, "Mann", ["MR.John "," Samantha "]];
const [FirstName, LastName, Age, Gender, [Fathername, MotherName]] = Array;
konsoll.Logg (FirstName);
konsoll.logg (kjønn);
konsoll.Logg (Fathername);
konsoll.Logg (Mothername);

Du vil se følgende utdata på skjermen når du utfører programmet.

Du kan se at du var i stand til å destruere matrisen og bekrefte resultatet til slutt også.

Ødeleggende objekter i JavaScript

Anta at vi har en "person" -objekt:

var person =
FirstName: "John",
Alder: 25,
LastName: "Doe",
Jobb: "Revisor",
;

Og nøkkelverdiparene er egenskapene til den personen: Fornavn, etternavn, alder og jobb.

Du kan ødelegge dette objektet ved å bruke følgende linje:

var FirstName, alder, etternavn, jobb = person;

Merk: Når du ødelegger et objekt, bør variablene navngitt navnet på egenskapene til objektet ellers, vil ikke ødeleggelsen fungere, og verdien av variabelen ville være udefinert.

Du kan bekrefte ødeleggelsen ved å skrive ut verdiene til disse variablene på konsollen ved å bruke følgende kodelinjer.

konsoll.Logg (FirstName);
konsoll.logg (etternavn);
konsoll.logg (alder);
konsoll.logg (jobb);

Det komplette kodebiten er:

var person =
FirstName: "John",
Alder: 25,
LastName: "Doe",
Jobb: "Revisor",
;
var FirstName, alder, etternavn, jobb = person;
konsoll.Logg (FirstName);
konsoll.logg (etternavn);
konsoll.logg (alder);
konsoll.logg (jobb);

Når du utfører dette programmet vil du se følgende utdata:

Du har opprettet et objekt i JavaScript, og det er det for å ødelegge objekter og matriser i JavaScript.

Konklusjon

Matriser og objekter kan bli ødelagt ved hjelp av destruktivsyntaks i JavaScript, Destructuring Arrays and Objects er en ny funksjon som ble introdusert i JavaScript ES6 -utgivelsen. Ødelegging er prosessen med å tilordne verdiene til elementene/egenskapene til matriser/objekter til lokale variabler ved å bruke en enkelt kodelinje. I denne guiden lærte vi hvordan vi kan ødelegge matriser, nestede matriser og gjenstander ved hjelp av eksempler.