Dynamisk objektnøkkel i JavaScript

Et objekt er en enhet som lagrer data i nøkkelverdipar. I JavaScript kan objektnøkler og verdier opprettes på flere måter, inkludert tildeling ved hjelp av Dot eller Bracket Notation eller Object Literals under initialisering. Men noen ganger må en objektnøkkel legges til dynamisk.

Dette blogginnlegget vil definere den dynamiske objekttasten i JavaScript.

Hvordan du angir dynamisk objektnøkkel i JavaScript?

I ES6 -versjonen av JavaScript kan utviklere dynamisk stille JavaScript -eiendomstastene for objektene sine ved å bruke brakettnotasjonen.

Syntaks:

Følg den gitte syntaks for å sette en dynamisk objektnøkkel i JavaScript med brakettnotasjon:

[KeyVar] = KeyName;

I den gitte syntaks:

• “KeyVar”Er variabelnavnet som lagrer navnet på nøkkelen som vil bli lagt dynamisk i objektet.
• “KeyName”Er navnet på en nøkkel som vil bli satt dynamisk i et objekt.

Eksempel 1:

Først må du lage en variabel "NewKey”For å lagre navnet på nøkkelen“ ferdighet ”:

var newKey = 'ferdighet';

Opprett deretter et objekt "info”, Med egenskaper”Navn”,“alder”, Og“e -post”. Legg til en annen attributt til et objekt ved hjelp av tasten “ferdighet”Det vil dynamisk legge til et objekt:

var info =
Navn: 'John',
Alder: 28,
E -post: '[email protected] ',
[newKey]: 'JavaScript'
;

Ring "konsoll.Logg()”Metode ved å passere et objekt som et argument for å skrive ut alle egenskapene til objektet i et nøkkelverdipar:

konsoll.logg (info);

Produksjon

Ovennevnte utgang viser at den dynamiske tasten “ferdighet”Er vellykket lagt til og åpnet i et objekt:

Eksempel 2:

La oss skrive ut verdien av nøkkelen "ferdighet”Lagret i“info”Objekt:

konsoll.Logg (info.ferdighet);

Produksjon

Utgangen indikerer at objektet “info”Får tilgang til verdien av“NewKey”Variabel og lagrer det som en dynamisk nøkkel.

Konklusjon

For å legge til en objekttast dynamisk, bruk brakettnotasjonen. Først lagrer du nøkkelen i en variabel og spesifiser deretter variabelnavnet i brakettnotasjon for å angi en nøkkel med verdi som et nøkkelverdipar i et objekt. Dette blogginnlegget definerer den dynamiske objekttasten i JavaScript.