Kā objektam pievienot īpašumu JavaScript

JavaScript objekti apstrādā vairākus rekvizītus, kas ir atslēgu pāra vērtības. Šīs īpašības tiek izmantotas, lai norādītu JavaScript definētā objekta īpašības un īpašības. Kad objekti ir izveidoti, to atbilstošos rekvizītus var dinamiski pievienot, dzēst un modificēt. Konkrētāk, ir pieejamas vairākas JavaScript metodes, lai objektam pievienotu rekvizītus.

Šajā ziņojumā būs norādītas vairākas metodes īpašuma pievienošanai objektam JavaScript.

Kā pievienot/ievietot rekvizītu objektam JavaScript?

Tagad mēs apskatīsim šādas metodes rekvizītu pievienošanai objektam:

• 1. metode: pievienojiet īpašumu, izmantojot punktu apzīmējumu (.)
• 2. metode: pievienojiet īpašumu, izmantojot metodi Object.assign().
• 3. metode: pievienojiet rekvizītu, izmantojot metodi Object.defineProperty().

1. metode: pievienojiet objektam rekvizītu, izmantojot punktu apzīmējumu (.)

Punktu apzīmējums ir metode, kā piekļūt objekta īpašumam. Rakstot ar punktu apzīmējumu, vispirms jāieraksta objekta nosaukums, pēc tam punkts (.) un pēc tam jāievieto rekvizīta nosaukums.

Piemērs

Vispirms deklarējiet objektu, izmantojot ' ļaut ” atslēgvārdu un piešķiriet rekvizītus definētajam objektam blokā:

Izmantojiet ' console.log() 'metode un nodot argumentu' obj ” lai parādītu konsolē:

Tagad pievienojiet īpašumu, izmantojot punktu apzīmējumu:

Displeja izvade konsolē:

Izvade

2. metode: pievienojiet objektam rekvizītu, izmantojot metodi Object.assign().

Mēs varam izmantot arī ' piešķirt () ” iebūvētā JavaScript metode, lai objektam pievienotu rekvizītus. ' Object.assign() ” ir statiska JavaScript metode, kas tiek izmantota visu saskaitāmo līdzekļu un rekvizītu kopēšanai no viena vai vairākiem avota objektiem, lai atlasītu objektu.

Sintakse

Lai izmantotu metodi object.assign(), pārbaudiet norādīto sintaksi:

Iepriekš minētajā sintaksē:

• ' mērķis ” nosaka objektu, kurā tiks kopētas īpašuma vērtības.
• ' avots ” norāda objektu, kur jākopē attiecīgās rekvizītu vērtības.

Piemērs

Šajā piemērā vispirms deklarējiet mainīgo un piešķiriet rekvizītus. Pēc tam deklarējiet citu mainīgo, veicot to pašu procedūru:

Izmantojiet ' Object.assign() ” metodi un nododiet argumentus, kur pirmais parametrs ir mērķa objekts, bet otrais parametrs ir avota objekts. Šī metode kopēs visas avota vērtības mērķa vērtībā:

Pēc tam izsauciet ' console.log() ” metode, lai parādītu rezultātu konsolē:

Izvade

3. metode: pievienojiet rekvizītu objektam, izmantojot metodi Object.defineProperty()

' Object.defineProperty() ” ir JavaScript statiskā metode, kas tiek izmantota, lai tieši objektam definētu jaunāko un jauno rekvizītu vai mainītu objekta esošo rekvizītu un atgrieztu objektu.

Sintakse

Lai izmantotu ' Object.defineProperty() ” metodi, izpildiet norādīto sintaksi:

Šeit:

• ' obj ” attiecas uz objektu.
• ' jauns_īpašums ” nosaka rekvizītu, kas tiks pievienots.
• ' konfigurācija ” definē vērtību, kuru var mainīt un modificēt.

Piemērs

Objekta deklarēšana, izmantojot ' ļaut ” atslēgvārds:

Izmantojiet ' Object.defineProperty() ” metodi un nododiet argumentus un iestatiet rakstāmā īpašuma vērtību kā patiesu. Tādējādi objekta obj id rekvizītu var mainīt tagad:

Pievienojiet īpašumu, izmantojot “ obj.id ” un piešķiriet vērtību:

Saskaņā ar nodotajiem argumentiem konsole parādīs mainīto īpašuma vērtību:

Iestatiet rakstāmā īpašuma vērtību kā nepatiesu. Rezultātā objekta obj nosaukumu rekvizītu nevar mainīt tagad:

Pievienojiet īpašumu, izmantojot “ obj.nosaukums ” un piešķiriet vērtību:

Saskaņā ar pieņemtajiem argumentiem konsole neparādīs nodoto jauno (Hafsa Javed) īpašuma vērtību, bet gan vecāku (Hafsa) vērtību:

Tas viss attiecas uz īpašuma pievienošanu objektam JavaScript.

Secinājums

Lai pievienotu rekvizītu objektam JavaScript, var izmantot vairākas metodes. Lietotāji var pievienot objektu objektam, izmantojot ' punktu apzīmējums (.) ”, “ Object.assign() ' metode vai ' Object.defineProperty() ” metode. Šajā ziņojumā tika norādītas vairākas metodes īpašuma pievienošanai objektam JavaScript.