Objekt Destructuring in JavaScript | Forklart

I JavaScript, Destructuring Object er et oppdragsuttrykk som tillater deg å få tilgang til en objektegenskapsverdi og binde dem til å skille variabler. Denne funksjonaliteten var innebygd i JavaScript ES6 versjon, noe som gjør det lettere å trekke ut flere egenskaper til et JavaScript -objekt med utførelsen av en enkelt linje.

Mens du ødelegger et objekt, brukes navnet på objektegenskapen som et variabelt navn. Hvis det spesifiserte navnet ikke samsvarer med objektegenskapen, vil objektets ødeleggende tildelingsoperasjon initialisere variabelen med en “udefinert”Verdi. Du kan imidlertid spesifisere en "standardverdi”For en ikke-eksisterende objektegenskap med ødeleggende oppdrag.

Dette innlegget vil lære objekt ødeleggelse og dets bruk i JavaScript. Så la oss starte!

Hvordan du bruker objektdestrukturering i javascript

Anta at vi har en "ansatt”Objekt i pre-ES6-miljøet, med følgende to egenskaper “Navn” og “Betegnelse”:

var ansatt =
Navn: 'Paul',
Betegnelse: 'Manager'
;

Nå, for å trekke ut egenskapene til "ansatt”Objekt, vil vi legge til følgende kode i programmet og utføre den:

var navn = ansatt.Navn;
var betegnelse = ansatt.betegnelse;
konsoll.Logg ('ansattes navn:' + navn);
konsoll.logg ('ansattes betegnelse:' + betegnelse);

Her, verdien av "ansatt.Navn”Eiendom er tildelt“Navn”Variabel, og“ansatt.betegnelse”Eiendoms verdi er tilordnet“betegnelse”:

Som du kan se, den gitte prosedyren for å få tilgang til et objekts egenskap og tilordne dem til de spesifiserte variable behovene "kjeleplate”Kode, der en del av koden utføres med samme mønster og mindre endring.

ES6 innebygde en alternativ prosedyre for tildeling av et objekts egenskaper til variabler kjent som “Objekt ødeleggelse“. Objekt Destructuring forhindrer duplisering av et eiendomsnavn, og det tillater å trekke ut flere egenskaper til et JavaScript -objekt ved hjelp av en enkelt uttalelse.

Hvordan trekke ut enkeltegenskaper til et objekt ved hjelp av objektdestrukturering i JavaScript

Her er den grunnleggende syntaksen for ødeleggelse av objekter som kan brukes til å trekke ut en spesifikk egenskap til et JavaScript -objekt:

const eiendom = objekt;

Nå får vi tilgang til “Navn”Eiendom av allerede opprettet”ansatt”Objekt ved å ødelegge det:

La navn = ansatt;
konsoll.Logg ('ansattes navn:' + navn);

Utførelse av den gitte koden vil opprette en variabel som heter “Navn”Og tilordne verdien av“ansatt.Navn”Eiendom til det:

Hvordan trekke ut flere egenskaper til et objekt ved hjelp av objektdestruering i JavaScript

Hvis du vil Pakk ut flere egenskaper av et objekt ved hjelp av objektdestrukturering, følg deretter syntaks undergitt:

La Property1, Property2 = objekt;

Her, de skapte variablene for “Property1” og “Property2” vil ha de samme navnene som de spesifiserte “gjenstand”Egenskaper har; Dermed gjør det programmet mer kortfattet.

For eksempel kan vi ødelegge "ansatt”Objekt for å få tilgang til det “Navn” og “Betegnelse” Egenskaper på følgende måte:

La navn, betegnelse = ansatt;

Deretter vil vi skrive ut de ekstraherte verdiene til de spesifiserte egenskapene på konsollen:

konsoll.Logg ('ansattes navn:' + navn);
konsoll.logg ('ansattes betegnelse:' + betegnelse);

Den gitte utgangen betyr at vi har hentet “Navn” og “Betegnelse” egenskaper til “ansatt”Objekt:

Hvordan angi standardegenskapsverdi for et objekt ved hjelp av objektdestrukturering i JavaScript

Hvis du prøver å få tilgang til en eiendom som ikke blir lagt til i det destruerte objektet, vil den spesifikke egenskapen bli initialisert med en “udefinert”Verdi.

Som vår skapte “ansatt”Objekt omfatter bare “Navn” og “Betegnelse” -egenskaper, og “Age” Eiendom eksisterer ikke i den, så det gitte objektets ødeleggende tildeling vil tildele "udefinert" verdi til "alder”Eiendom:

const alder = ansatt;
konsoll.logg (alder);

Imidlertid gjør det også mulig å ødelegge objektet deg å angi en "Standardverdi" for en egenskap som ikke er definert i det ødelagte objektet. For å antyde denne funksjonaliteten, følg den gitte syntaks:

const eiendom = standardValue = objekt;

Vi vil tildele “25” som en standardverdi på "alder" eiendom:

const age = [25] = ansatt;
konsoll.logg (alder);

I stedet for "udefinert”, Nå“konsoll.Logg()”Metoden vil skrive ut “25” som “alder” Eiendomsverdi:

Vi har samlet den essensielle informasjonen relatert til ødeleggelse av objekter i JavaScript. Du kan utforske det i henhold til dine krav.

Konklusjon

Objekt ødeleggelse i JavaScript er en nyttig funksjon som lar deg Pakk ut enkelt- eller flere egenskaper Fra et JavaScript -objekt og tilordne sine respektive verdier til forskjellige variabler. Det forhindrer duplisering av et eiendomsnavn og tillater å trekke ut flere egenskaper til et JavaScript -objekt med en enkelt uttalelse. Dette innlegget forklarte gjenstands ødeleggelse og dets bruk i JavaScript.