JavaScript-objekter håndterer flere egenskaper som er nøkkelpar-verdiene. Disse egenskapene brukes til å spesifisere kvalitetene og egenskapene til et definert objekt i JavaScript. Når objektene er opprettet, kan deres relevante egenskaper legges til, slettes og endres dynamisk. Mer spesifikt er det flere metoder for JavaScript tilgjengelig for å legge til egenskaper til et objekt.
Dette innlegget vil angi flere metoder for å legge til en egenskap til et objekt i JavaScript.
Hvordan legge til / sette inn eiendom til et objekt i JavaScript?
Nå vil vi dekke følgende metoder for å legge til egenskaper til et objekt:
- Metode 1: Legg til egenskap ved hjelp av punktnotasjon (.)
- Metode 2: Legg til egenskap ved å bruke Object.assign()-metoden
- Metode 3: Legg til egenskap ved å bruke Object.defineProperty()-metoden
Metode 1: Legg til egenskap til et objekt ved å bruke punktnotasjon (.)
Punktnotasjon er en metode for å få tilgang til et objekts egenskap. Når du skriver i punktnotasjon, bør du først skrive objektnavnet, deretter en prikk (.), og deretter sette inn navnet på egenskapen.
Eksempel
Først erklærer du et objekt ved hjelp av ' la ' nøkkelord og tilordne egenskapene til det definerte objektet i blokken:
la obj = {
Navn : 'Offiser' ,
alder : 14 ,
} ;
Bruke ' console.log() 'metode og send argumentet ' obj ' for å vise på konsollen:
konsoll. Logg ( obj ) ;Legg nå til egenskapen ved hjelp av punktnotasjonen:
obj. utdanning = 'Programvare ingeniør' ;
Vis utgang på konsollen:
konsoll. Logg ( obj ) ;Produksjon
Metode 2: Legg til egenskap til et objekt ved å bruke Object.assign()-metoden
Vi kan også bruke ' tildele() ” innebygd metode for JavaScript for å legge til egenskapene i et objekt. « Object.assign() ” er en statisk metode for JavaScript som brukes for å kopiere alle tellbare funksjoner og egenskaper fra ett eller flere kildeobjekter for å målrette mot objektet.
Syntaks
For å bruke object.assign()-metoden, sjekk ut den gitte syntaksen:
Gjenstand . tildele ( mål , kilde ) ;I syntaksen ovenfor:
- ' mål ” bestemmer objektet som egenskapsverdiene skal kopieres til.
- ' kilde ” indikerer objektet der de respektive egenskapsverdiene skal kopieres.
Eksempel
I dette eksemplet må du først deklarere en variabel og tilordne egenskapene. Deretter erklærer du en annen variabel ved å følge samme prosedyre:
la ansatt = { Navn : 'Diana' , alder : 23 } ;la informasjon = { kjønn : 'Hunn' , nasjonalitet : 'kanadisk' } ;
Bruke ' Object.assign() ”-metoden og sende argumentene, der den første parameteren er målobjektet og den andre parameteren er kildeobjektet. Denne metoden vil kopiere alle kildeverdiene i målverdien:
Gjenstand . tildele ( ansatt , informasjon ) ;Deretter påkaller du ' console.log() ” metode for å vise resultatet på konsollen:
konsoll. Logg ( ansatt ) ;konsoll. Logg ( informasjon ) ;
Produksjon
Metode 3: Legg til egenskap til et objekt ved å bruke Object.defineProperty()-metoden
« Object.defineProperty() ” er en statisk JavaScript-metode som brukes for å definere den siste og nye egenskapen direkte til et objekt eller endre den eksisterende egenskapen til et objekt og returnere objektet.
Syntaks
For å bruke ' Object.defineProperty() ”-metoden, følg den gitte syntaksen:
Gjenstand . defineProperty ( obj , ny_eiendom , konfigurasjon ) ;Her:
- ' obj ” refererer til objektet.
- ' ny_eiendom ” bestemmer egenskapen som skal legges til.
- ' konfigurasjon ” definerer verdien som kan endres og modifiseres.
Eksempel
Erklær et objekt ved hjelp av ' la ' nøkkelord:
la obj = { } ;Bruk ' Object.defineProperty() ”-metoden og send 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 ,
skrivbar : ekte
} ) ;
Legg til en eiendom ved hjelp av ' obj.id ' og tilordne verdien:
obj. id = 214 ;I henhold til de beståtte argumentene vil konsollen vise den endrede egenskapsverdien:
konsoll. Logg ( 'Objekt ID:' , obj. id ) ;Angi den skrivbare egenskapsverdien som usann. Som et resultat kan ikke navnegenskapen til objekt obj endres nå:
Gjenstand . defineProperty ( obj , 'Navn' , {verdi : 'Offiser' ,
skrivbar : falsk } ) ;
Legg til en eiendom ved hjelp av ' obj.navn ' og tilordne verdien:
obj. Navn = 'Hafsa Javed' ;I henhold til de beståtte argumentene vil ikke konsollen vise den beståtte nye (Hafsa Javed) egenskapsverdien, men eldre (Hafsa) verdi:
konsoll. Logg ( 'Objektnavn:' , obj. Navn ) ;Det handler om å legge til egenskapen til et objekt i JavaScript.
Konklusjon
For å legge til egenskapen til et objekt i JavaScript, kan flere metoder brukes. Brukere kan legge til egenskapen til et objekt ved å bruke ' punktnotasjon (.) ', ' Object.assign() '-metoden, eller ' Object.defineProperty() 'metoden. Dette innlegget angav flere metoder for å legge til egenskapen til et objekt i JavaScript.