Metoder for å få tilgang til JavaScript -egenskaper

I JavaScript kan et objekt defineres som en samling av uordnede egenskaper knyttet til det. Det tilbyr også tre forskjellige metoder for tilgang til objektegenskapene, som alle er nyttige og kan brukes i kombinasjon. Metodene vi snakker om er Dot eiendomstilbehør, Firkantet eiendomstilbehør, og Objekt ødeleggelse.

Denne guiden vil diskutere de spesifiserte metodene for tilgang til JavaScript -objektegenskapene. Dessuten vil vi også demonstrere syntaks, bruk og eksempler relatert til Dot Property Accessor, Square Property Accoptions og Object Destructuring Methods. Så la oss starte!

Dot eiendomstilbehør for JavaScript -egenskaper

Den første og den vanligste metoden for å få tilgang til JavaScript -egenskapene til et objekt er å bruke Dot Property Accessor. Denne metoden brukes bare for tilgang til de gyldige identifikatorene til det deklarerte objektet.

Syntaks for Dot Property Accessor er gitt nedenfor:

Objektnavn.eiendomsnavn

Her kan du legge til “Objektnavn”Og“eiendomsnavn”Av det opprettede objektet du vil ha tilgang til.

Eksempel: Bruke dot -egenskap for tilgang til JavaScript -egenskaper

Vi vil lage en “ansatt”Objekt og definere dets“Navn”Eiendom.

const ansatt =
Navn: 'John'
;

Etter å ha gjort det, kan du få tilgang til den ekstra egenskapen ved å skrive ut følgende kode i konsollvinduet:

ansatt.Navn;

I den ovennevnte koden vil DOT-eiendomstiltaket få tilgang til “Navn”Eiendom til“ansatt”JavaScript -objekt:

Få tilgang til gyldige og ugyldige identifikatorer for JavaScript -egenskaper

Når du spesifiserer eiendomsnavnet som en Gyldig identifikator, Dot eiendomstilbehør fungerer riktig. I JavaScript omfatter en gyldig identifikator sifre (0-9), spesielle karakterer ($, _), og Unicode -bokstaver. Noen ganger er de ekstra egenskapene ikke gyldige identifikatorer.

For eksempel, i den undergitte koden, "Navn-1”Og“5”Er de ugyldige identifikatorene, så Dot Property Accessor ikke vil betjene utføre sin funksjonalitet i den gitte koden:

const ansatt =
'Navn-1': 'John',
'5': 'fem'
;
ansatt.Navn-1;
ansatt.5;

Her, begge “ansatt”Objektegenskaper er ugyldige identifikatorer som“Navn-1”Inneholder“-”og den andre eiendommen starter som et tall”5,”Som er en indikasjon for den ugyldige identifikatoren:

JavaScript tilbyr også løsninger for hvert eneste problem, inkludert bruk av ugyldige identifikatorer. Hvis du har lagt til egenskapene for at objektet ditt har unike navn, kan du bruke firkantet eiendomstilbehør For tilgang til disse egenskapene.

Firkantet eiendomstilbehør for JavaScript -egenskaper

Square Property Accessor brukes til å få tilgang til objektegenskapene du ikke kan få tilgang til med Dot Property Accessor. Det brukes hovedsakelig til å få tilgang til ugyldig identifikator og egenskaper til matriseobjektet.

Sjekk ut syntaksen til den firkantede eiendomstilbehøret for tilgang til JavaScript -objektegenskapene:

Objektnavn [PropertyName]

Her må du spesifisere “Objektnavn”Og dens relaterte eiendom i“eiendomsnavn”Som du vil ha tilgang til.

Eksempel: Bruke firkantede parenteser for tilgang til JavaScript -egenskaper

Nå får vi tilgang til “Navn-1”Og“5”Ugyldige identifikatorer ved hjelp av firkantede tilbehør:

const ansatt =
'Navn-1': 'John',
'5': 'fem'
;
konsoll.Log (ansatt ['Navn-1']);
konsoll.logg (ansatt [5]);

Den undergitte utgangen erklærer at vi har fått tilgang til "Navn-1”Og“5”JavaScript -egenskaper til våre“ansatt”Objekt:

Objekt Destructuring Method for å få tilgang til JavaScript -egenskaper

I objektets ødeleggelsesmetode tillater ødeleggelsesoppgaven deg å tilordne egenskaper relatert til objektets variabler og matriser. For å få tilgang til JavaScript -objektegenskapene ved å bruke objektet Destructuring, må du følge følgende syntaks:

PropertyName = Objektnavn

Her, vedlegg "eiendomsnavn”I“”Krøllete seler og tilsett deretter“Objektnavn”For tildelingsformålet.

Eksempel: Bruke objektdestruktureringsmetode for tilgang til JavaScript -egenskaper

For å lære deg bruken av objektets ødeleggende metode, vil vi for det første lage en "ansatt”Objekt som har et“Navn”Eiendom. Etter å ha gjort det, vil vi legge til den ødeleggende objektlinjen, som er "const name = ansatt;”. Denne ødeleggelsen vil definere en variabel “Navn”Å ha verdien av ansattes objektegenskaper:

const ansatt =
Navn: 'John'
;
const name = ansatt;
konsoll.logg (navn);

Den undergitte utgangen erklærer at vi har fått tilgang til "Navn”Eiendom til vår“ansatt”JavaScript -objekt ved hjelp av objektets ødeleggelsesmetode:

Konklusjon

Dot eiendomstilbehør, tilbehør til firkant. De Dot eiendomstilbehør brukes til å få tilgang til den gyldige JavaScript -identifikatoren til et objekt. Mens Firkantede parenteser brukes til tilgang til ugyldig identifikator eller dynamisk eiendomsnavn. Også Objekt ødeleggende metode kan hjelpe deg med å få tilgang til objektegenskaper. Vi har demonstrert Dot Property Accessor, Square Property Accessor og Object Destructuring Methods for Accessinging av JavaScript Properties med eksempler i denne artikkelen.