JavaScript-objektit käsittelevät useita ominaisuuksia, jotka ovat avainpariarvoja. Näitä ominaisuuksia käytetään määritettäessä JavaScriptissä määritellyn objektin ominaisuuksia. Kun objektit luodaan, niiden olennaiset ominaisuudet voidaan lisätä, poistaa ja muokata dynaamisesti. Tarkemmin sanottuna on olemassa useita JavaScript-menetelmiä ominaisuuksien lisäämiseen objektiin.
Tässä viestissä kerrotaan useista menetelmistä ominaisuuden lisäämiseksi JavaScript-objektiin.
Kuinka lisätä / lisätä ominaisuus objektiin JavaScriptissä?
Nyt käsittelemme seuraavat menetelmät ominaisuuksien lisäämiseksi objektiin:
- Tapa 1: Lisää ominaisuus käyttämällä pistemerkintää (.)
- Tapa 2: Lisää ominaisuus Object.assign()-menetelmällä
- Tapa 3: Lisää ominaisuus Object.defineProperty()-menetelmällä
Tapa 1: Lisää ominaisuus objektiin käyttämällä pistemerkintää (.)
Pistemerkintä on tapa päästä käsiksi kohteen omaisuuteen. Kun kirjoitat pistemerkinnällä, kirjoita ensin kohteen nimi, sitten piste (.) ja lisää sitten ominaisuuden nimi.
Esimerkki
Ilmoita ensin objekti '' antaa ” avainsana ja määritä ominaisuudet määritetylle objektille lohkossa:
anna obj = {
nimi : 'upseeri' ,
ikä : 14 ,
} ;
Käytä ' console.log() 'menetelmä ja välitä argumentti' obj ' näytettäväksi konsolissa:
konsoli. Hirsi ( obj ) ;Lisää nyt ominaisuus pistemerkinnän avulla:
obj. koulutus = 'Ohjelmistoinsinööri' ;
Näytön lähtö konsolissa:
konsoli. Hirsi ( obj ) ;Lähtö
Tapa 2: Lisää ominaisuus objektiin Object.assign()-menetelmällä
Voimme käyttää myös ' assign() ” JavaScriptin sisäänrakennettu menetelmä ominaisuuksien lisäämiseksi objektiin. ' Object.assign() ” on JavaScriptin staattinen menetelmä, jota käytetään kaikkien laskettavien ominaisuuksien ja ominaisuuksien kopioimiseen yhdestä tai useammasta lähdeobjektista objektiin kohdistamiseksi.
Syntaksi
Jos haluat käyttää objekti.assign() -menetelmää, tarkista annettu syntaksi:
Esine . antaa ( kohde , lähde ) ;Yllä olevassa syntaksissa:
- ' kohde ” määrittää kohteen, johon ominaisuusarvot kopioidaan.
- ' lähde ” osoittaa objektin, johon vastaavat ominaisuusarvot tulee kopioida.
Esimerkki
Tässä esimerkissä määritä ensin muuttuja ja määritä ominaisuudet. Ilmoita sitten toinen muuttuja noudattamalla samaa menettelyä:
anna työntekijän = { nimi : 'Diana' , ikä : 23 } ;anna tietoa = { sukupuoli : 'Nainen' , kansallisuus : 'Kanadalainen' } ;
Käytä ' Object.assign() ” -menetelmää ja välitä argumentit, jossa ensimmäinen parametri on kohdeobjekti ja toinen parametri on lähdeobjekti. Tämä menetelmä kopioi kaikki lähdearvot kohdearvoon:
Esine . antaa ( työntekijä , tiedot ) ;Kutsu sitten ' console.log() ' tapa näyttää tulos konsolissa:
konsoli. Hirsi ( työntekijä ) ;konsoli. Hirsi ( tiedot ) ;
Lähtö
Tapa 3: Lisää ominaisuus objektiin Object.defineProperty()-menetelmällä
' Object.defineProperty() ” on JavaScript-staattinen menetelmä, jota käytetään uusimman ja uuden ominaisuuden määrittämiseen suoraan objektiin tai objektin olemassa olevan ominaisuuden muuttamiseen ja objektin palauttamiseen.
Syntaksi
Käyttääksesi ' Object.defineProperty() ” -menetelmä, noudata annettua syntaksia:
Esine . defineProperty ( obj , uusi_omaisuus , kokoonpano ) ;Tässä:
- ' obj ” viittaa kohteeseen.
- ' uusi_omaisuus ” määrittää lisättävän omaisuuden.
- ' kokoonpano ” määrittelee arvon, jota voidaan muuttaa ja muokata.
Esimerkki
Ilmoita esine '' antaa 'avainsana:
anna obj = { } ;Käytä ' Object.defineProperty() ” -menetelmää ja välitä argumentit ja aseta kirjoitettavan ominaisuuden arvoksi tosi. Siten objektin obj id-ominaisuus voidaan muuttaa nyt:
Esine . defineProperty ( obj , 'id' , {arvo : 137 ,
kirjoitettava : totta
} ) ;
Lisää omaisuus '' obj.id ' ja anna arvo:
obj. id = 214 ;Siirrettyjen argumenttien mukaan konsoli näyttää muuttuneen ominaisuuden arvon:
konsoli. Hirsi ( 'Objektin tunnus:' , obj. id ) ;Aseta kirjoitettavan ominaisuuden arvoksi false. Tämän seurauksena objektin obj nimiominaisuutta ei voi muuttaa nyt:
Esine . defineProperty ( obj , 'nimi' , {arvo : 'upseeri' ,
kirjoitettava : väärä } ) ;
Lisää omaisuus '' obj.name ' ja anna arvo:
obj. nimi = 'Hafsa Javed' ;Hyväksyttyjen argumenttien mukaan konsoli ei näytä välitettyä uutta (Hafsa Javed) -ominaisuuden arvoa, vaan vanhaa (Hafsa) arvoa:
konsoli. Hirsi ( 'Objektin nimi:' , obj. nimi ) ;Siinä on kyse ominaisuuden lisäämisestä JavaScript-objektiin.
Johtopäätös
Ominaisuuden lisäämiseksi objektiin JavaScriptissä voidaan käyttää useita menetelmiä. Käyttäjät voivat lisätä ominaisuuden objektiin käyttämällä ' pistemerkintä (.) ”, “ Object.assign() ”menetelmä tai ” Object.defineProperty() ”menetelmä. Tässä viestissä kerrottiin useista menetelmistä ominaisuuden lisäämiseksi JavaScript-objektiin.