JavaScript-objekt hanterar flera egenskaper som är nyckelpar-värden. Dessa egenskaper används för att specificera egenskaperna och egenskaperna för ett definierat objekt i JavaScript. När objekten skapas kan deras relevanta egenskaper läggas till, tas bort och ändras dynamiskt. Mer specifikt finns det flera JavaScript-metoder tillgängliga för att lägga till egenskaper till ett objekt.
Det här inlägget kommer att ange flera metoder för att lägga till en egenskap till ett objekt i JavaScript.
Hur man lägger till/infogar egenskap till ett objekt i JavaScript?
Nu kommer vi att täcka följande metoder för att lägga till egenskaper till ett objekt:
- Metod 1: Lägg till egendom med hjälp av punktnotation (.)
- Metod 2: Lägg till egenskap med metoden Object.assign().
- Metod 3: Lägg till egendom med metoden Object.defineProperty().
Metod 1: Lägg till egenskap till ett objekt med hjälp av punktnotation (.)
Punktnotation är en metod för att komma åt ett objekts egenskap. När du skriver i punktnotation bör du först skriva objektnamnet, sedan en punkt (.), och sedan infoga namnet på egenskapen.
Exempel
Först deklarera ett objekt med hjälp av ' låta ” nyckelord och tilldela egenskaperna till det definierade objektet i blocket:
låt obj = {
namn : 'Officer' ,
ålder : 14 ,
} ;
Använd ' console.log() ' metod och skicka argumentet ' obj ' för att visa på konsolen:
trösta. logga ( obj ) ;Lägg nu till egenskapen med hjälp av punktnotationen:
obj. utbildning = 'Mjukvaruingenjör' ;
Displayutgång på konsolen:
trösta. logga ( obj ) ;Produktion
Metod 2: Lägg till egenskap till ett objekt med metoden Object.assign()
Vi kan också använda ' tilldela() ” inbyggd metod för JavaScript för att lägga till egenskaperna i ett objekt. den ' Object.assign() ” är en statisk metod för JavaScript som används för att kopiera alla räknebara funktioner och egenskaper från ett eller flera källobjekt för att rikta in objektet.
Syntax
För att använda metoden object.assign() kolla in den givna syntaxen:
Objekt . tilldela ( mål , källa ) ;I ovanstående syntax:
- ' mål ” bestämmer i vilket objekt egenskapsvärdena ska kopieras.
- ' källa ” indikerar objektet dit respektive egenskapsvärden ska kopieras.
Exempel
I det här exemplet ska du först deklarera en variabel och tilldela egenskaperna. Deklarera sedan en annan variabel genom att följa samma procedur:
låt anställd = { namn : 'Diana' , ålder : 23 } ;låt information = { kön : 'Kvinna' , nationalitet : 'kanadensisk' } ;
Använd ' Object.assign() ” och skicka argumenten, där den första parametern är målobjektet och den andra parametern är källobjektet. Den här metoden kopierar alla källvärden i målvärdet:
Objekt . tilldela ( anställd , information ) ;Anropa sedan ' console.log() ” metod för att visa resultatet på konsolen:
trösta. logga ( anställd ) ;trösta. logga ( information ) ;
Produktion
Metod 3: Lägg till egenskap till ett objekt med metoden Object.defineProperty()
den ' Object.defineProperty() ” är en statisk JavaScript-metod som används för att definiera den senaste och nya egenskapen direkt till ett objekt eller ändra den befintliga egenskapen för ett objekt och returnera objektet.
Syntax
För att använda ' Object.defineProperty() ”-metoden, följ den givna syntaxen:
Objekt . definieraProperty ( obj , ny_egenskap , konfiguration ) ;Här:
- ' obj ” hänvisar till objektet.
- ' ny_egenskap ” bestämmer egenskapen som kommer att läggas till.
- ' konfiguration ” definierar värdet som kan ändras och modifieras.
Exempel
Deklarera ett objekt med hjälp av ' låta ' nyckelord:
låt obj = { } ;Använd ' Object.defineProperty() ” och skicka argumenten och ställ in värdet för den skrivbara egenskapen som sant. Därför kan id-egenskapen för objekt obj ändras nu:
Objekt . definieraProperty ( obj , 'id' , {värde : 137 ,
skrivbar : Sann
} ) ;
Lägg till en fastighet med hjälp av ' obj.id ' och tilldela värdet:
obj. id = 214 ;Enligt de godkända argumenten kommer konsolen att visa det ändrade egenskapsvärdet:
trösta. logga ( 'Objekt ID:' , obj. id ) ;Ställ in det skrivbara egenskapsvärdet som false. Som ett resultat kan namnegenskapen för objekt obj inte ändras nu:
Objekt . definieraProperty ( obj , 'namn' , {värde : 'Officer' ,
skrivbar : falsk } ) ;
Lägg till en fastighet med hjälp av ' obj.namn ' och tilldela värdet:
obj. namn = 'Hafsa Javed' ;Enligt de godkända argumenten kommer konsolen inte att visa det godkända nya (Hafsa Javed) egenskapsvärdet utan det äldre (Hafsa) värdet:
trösta. logga ( 'Objektets namn:' , obj. namn ) ;Det handlar om att lägga till egenskapen till ett objekt i JavaScript.
Slutsats
För att lägga till egenskapen till ett objekt i JavaScript kan flera metoder användas. Användare kan lägga till egenskapen till ett objekt genom att använda ' punktnotation (.) ”, “ Object.assign() ”-metoden eller ” Object.defineProperty() 'metoden. Det här inlägget angav flera metoder för att lägga till egenskapen till ett objekt i JavaScript.