Hvordan legge til eiendom til et objekt i JavaScript

Hvordan legge til eiendom til et objekt i JavaScript

JavaScript-objekter håndterer flere egenskaper som er nøkkelparverdiene. Disse egenskapene brukes til å spesifisere egenskapene og egenskapene til et definert objekt i JavaScript. Når objektene opprettes, kan deres relevante egenskaper legges til, slettes og modifiseres dynamisk. Mer spesifikt er det flere metoder for JavaScript tilgjengelig for å legge til egenskaper til et objekt.

Dette innlegget vil oppgi flere metoder for å legge til en egenskap til et objekt i JavaScript.

Hvordan legge/sette inn egenskapen til et objekt i JavaScript?

Nå vil vi dekke følgende metoder for å legge til egenskaper til et objekt:

  • Metode 1: Legg til eiendom ved hjelp av DOT -notasjon (.)
  • Metode 2: Legg til egenskap ved hjelp av objekt.tilordne () Metode
  • Metode 3: Legg til eiendom ved hjelp av objekt.DefineProperty () -metode

Metode 1: Legg til egenskap til et objekt ved hjelp av prikknotasjon (.)

Prikknotasjon er en metode for å få tilgang til et objekts eiendom. Når du skriver i prikknotasjon, bør du først skrive objektnavnet, deretter en prikk (.), og sett deretter inn navnet på eiendommen.

Eksempel

Først må du erklære et objekt ved hjelp av "la”Søkeord og tilordne egenskapene til det definerte objektet i blokken:

La obj =
Navn: 'Hafsa',
Alder: 14,
;

Bruke "konsoll.Logg()”Metode og gi argumentet”obj”Å vise på konsollen:

konsoll.logg (OBJ);

Legg nå eiendommen ved hjelp av prikknotasjonen:

obj.utdanning = 'programvareingeniør';

Vis utgang på konsollen:

konsoll.logg (OBJ);

Produksjon

Metode 2: Legg til egenskap til et objekt ved hjelp av objekt.tilordne () Metode

Vi kan også bruke “tildele()”Innebygd metode for JavaScript for å legge til egenskapene i et objekt. “Gjenstand.tildele()”Er en statisk metode for JavaScript som brukes til å kopiere alle tellbare funksjoner og egenskaper fra ett eller flere kildeobjekter for å målrette objektet.

Syntaks

Å bruke objektet.tilordne () Metode, sjekk ut den gitte syntaks:

Gjenstand.tilordne (mål, kilde);

I syntaks ovenfor:

  • mål”Bestemmer objektet som eiendomsverdiene kommer til å bli kopiert.
  • kilde”Indikerer objektet der de respektive eiendomsverdiene skal kopieres.

Eksempel

I dette eksemplet, først, erklære en variabel og tilordne egenskapene. Deler deretter en annen variabel ved å følge samme prosedyre:

La ansatt = navn: 'Diana', alder: 23;
La informasjon = kjønn: 'kvinne', nasjonalitet: 'kanadisk';

Bruke "Gjenstand.tildele()”Metode og passere argumentene, der den første parameteren er målobjektet og den andre parameteren er kildeobjektet. Denne metoden vil kopiere alle kildeverdiene i den målrettede verdien:

Gjenstand.tilordne (ansatt, informasjon);

Deretter påkaller “konsoll.Logg()”Metode for å vise resultatet på konsollen:

konsoll.logg (ansatt);
konsoll.logg (informasjon);

Produksjon

Metode 3: Legg til egenskap til et objekt ved hjelp av objekt.DefineProperty () -metode

Gjenstand.DefineProperty ()”Er en statisk metode for JavaScript som brukes for å definere den nyeste og nye eiendommen direkte til et objekt eller endre den eksisterende egenskapen til et objekt og returnere objektet.

Syntaks

Å bruke “Gjenstand.DefineProperty ()”Metode, følg den gitte syntaks:

Gjenstand.DefineProperty (OBJ, New_Property, Configuration);

Her:

  • obj”Henviser til objektet.
  • new_property”Bestemmer eiendommen som vil bli lagt til.
  • konfigurasjon”Definerer verdien som kan endres og endres.

Eksempel

Erklære et objekt ved hjelp av "la”Nøkkelord:

La obj = ;

Bruk “Gjenstand.DefineProperty ()”Metode og passere argumentene, og sett verdien for den skrivbare egenskapen som sann. Derfor kan ID -egenskapen til objekt OBJ endres nå:

Gjenstand.DefineProperty (obj, 'id',
Verdi: 137,
WRITABLE: True
);

Legg til en eiendom ved hjelp av “obj.id”Og tilordne verdien:

obj.id = 214;

I henhold til de passerte argumentene vil konsollen vise den endrede eiendomsverdien:

konsoll.Logg ("Objekt -ID:", obj.id);

Angi den skrivbare eiendomsverdien som falsk. Som et resultat kan ikke navnegenskapen til objekt OBJ endres nå:

Gjenstand.DefineProperty (obj, 'navn',
Verdi: 'Hafsa',
WRIBY: FALSE);

Legg til en eiendom ved hjelp av “obj.Navn”Og tilordne verdien:

obj.name = 'hafsa javed';

I henhold til de beståtte argumentene vil konsollen ikke vise den passerte nye (Hafsa Javed) eiendomsverdien, men eldre (HAFSA) verdi:

konsoll.Logg ("Objektnavn:", obj.Navn);

Det handler om å legge eiendommen til et objekt i JavaScript.

Konklusjon

For å legge eiendommen til et objekt i JavaScript, kan flere metoder brukes. Brukere kan legge til eiendommen til et objekt ved å bruke “prikknotasjon (.)”,“Gjenstand.tildele()”Metode, eller“Gjenstand.DefineProperty ()”Metode. Dette innlegget uttalte flere metoder for å legge eiendommen til et objekt i JavaScript.