A JavaScript objektumok több olyan tulajdonságot kezelnek, amelyek a kulcspár értékek. Ezeket a tulajdonságokat egy definiált objektum minőségének és jellemzőinek megadására használják JavaScriptben. Az objektumok létrehozásakor a releváns tulajdonságaik dinamikusan hozzáadhatók, törölhetők és módosíthatók. Pontosabban, a JavaScript több módszere is elérhető tulajdonságok hozzáadására egy objektumhoz.
Ez a bejegyzés ismerteti a tulajdonságok JavaScript-objektumhoz való hozzáadásának több módszerét.
Hogyan lehet tulajdonságot hozzáadni/beszúrni egy objektumhoz JavaScriptben?
Most a következő módszereket ismertetjük tulajdonságok objektumokhoz való hozzáadásához:
- 1. módszer: Tulajdonság hozzáadása pontjelöléssel (.)
- 2. módszer: Adjon hozzá tulajdonságot az Object.assign() metódussal
- 3. módszer: Adjon hozzá tulajdonságot az Object.defineProperty() metódussal
1. módszer: Adjon hozzá tulajdonságot egy objektumhoz pontjelöléssel (.)
A pontjelölés egy módszer az objektum tulajdonságainak elérésére. Pöttyös írásnál először az objektum nevét, majd egy pontot (.) kell beírni, majd be kell illeszteni a tulajdonság nevét.
Példa
Először deklaráljon egy objektumot a ' hagyja ” kulcsszót, és rendelje hozzá a tulajdonságokat a definiált objektumhoz a blokkon belül:
hadd obj = {
név : 'Tiszt' ,
kor : 14 ,
} ;
Használja a ' console.log() 'metódus és adja át az argumentumot' obj ” megjelenítéséhez a konzolon:
konzol. log ( obj ) ;Most adja hozzá a tulajdonságot a pont jelölés segítségével:
obj. oktatás = 'Szoftvermérnök' ;
Kijelző kimenet a konzolon:
konzol. log ( obj ) ;Kimenet
2. módszer: Adjon hozzá tulajdonságot egy objektumhoz az Object.assign() metódussal
Használhatjuk a „ hozzárendelni() ” JavaScript beépített metódusa a tulajdonságok objektumhoz való hozzáadásához. A ' Object.assign() ” a JavaScript statikus metódusa, amelyet az összes megszámlálható jellemző és tulajdonság másolására használnak egy vagy több forrásobjektumból az objektum megcélzásához.
Szintaxis
Az object.assign() metódus használatához nézze meg a megadott szintaxist:
Tárgy . hozzárendelni ( cél , forrás ) ;A fenti szintaxisban:
- ' cél ” határozza meg azt az objektumot, amelybe a tulajdonságértékek másolásra kerülnek.
- ' forrás ” azt az objektumot jelöli, ahová a megfelelő tulajdonságértékeket másolni kell.
Példa
Ebben a példában először deklaráljon egy változót, és rendelje hozzá a tulajdonságokat. Ezután deklaráljon egy másik változót ugyanazzal az eljárással:
hadd alkalmazott = { név : 'Diana' , kor : 23 } ;engedjen információt = { neme : 'Női' , állampolgárság : 'Kanadai' } ;
Használja a ' Object.assign() ” metódust, és adja át az argumentumokat, ahol az első paraméter a célobjektum, a második paraméter pedig a forrásobjektum. Ez a módszer az összes forrásértéket átmásolja a célértékbe:
Tárgy . hozzárendelni ( munkavállaló , információ ) ;Ezután hívja meg a „ console.log() ” módszer az eredmény megjelenítéséhez a konzolon:
konzol. log ( munkavállaló ) ;konzol. log ( információ ) ;
Kimenet
3. módszer: Adjon hozzá tulajdonságot egy objektumhoz az Object.defineProperty() metódussal
A ' Object.defineProperty() ” egy JavaScript statikus metódus, amely a legújabb és új tulajdonságok közvetlen meghatározására szolgál egy objektumhoz, vagy egy objektum meglévő tulajdonságának megváltoztatásához és az objektum visszaadásához.
Szintaxis
A „ Object.defineProperty() ” metódussal, kövesse a megadott szintaxist:
Tárgy . defineProperty ( obj , új_tulajdon , konfigurációt ) ;Itt:
- ' obj ” a tárgyra utal.
- ' új_tulajdon ” határozza meg a hozzáadni kívánt tulajdonságot.
- ' konfigurációt ” határozza meg a módosítható és módosítható értéket.
Példa
Egy tárgy deklarálása a ' hagyja ” kulcsszó:
hadd obj = { } ;Használd a ' Object.defineProperty() ” metódussal, és adja át az argumentumokat, és állítsa be az írható tulajdonság értékét igazra. Ezért az obj objektum id tulajdonsága most megváltoztatható:
Tárgy . defineProperty ( obj , 'azonosító' , {érték : 137 ,
írható : igaz
} ) ;
Adjon hozzá egy ingatlant a ' segítségével obj.id ” és rendelje hozzá az értéket:
obj. id = 214 ;Az átadott argumentumok szerint a konzol megjeleníti a megváltozott tulajdonságértéket:
konzol. log ( 'Object ID:' , obj. id ) ;Állítsa be az írható tulajdonság értékét false értékre. Ennek eredményeként az obj objektum névtulajdonsága most nem módosítható:
Tárgy . defineProperty ( obj , 'név' , {érték : 'Tiszt' ,
írható : hamis } ) ;
Adjon hozzá egy ingatlant a ' segítségével obj.name ” és rendelje hozzá az értéket:
obj. név = 'Hafsa Javed' ;Az átadott argumentumok szerint a konzol nem az átadott új (Hafsa Javed) tulajdonságértéket fogja megjeleníteni, hanem a régebbi (Hafsa) értéket:
konzol. log ( 'Object Name:' , obj. név ) ;Ez minden arról szól, hogy a tulajdonságot hozzá kell adni egy objektumhoz JavaScriptben.
Következtetés
A tulajdonság JavaScript objektumhoz való hozzáadásához több módszer is használható. A felhasználók hozzáadhatják a tulajdonságot egy objektumhoz a „ pont jelölés(.) ”, „ Object.assign() ” módszer, vagy a „ Object.defineProperty() ” módszerrel. Ez a bejegyzés bemutatta a tulajdonságok JavaScript-objektumhoz való hozzáadásának több módszerét.