Ako pridať vlastnosť k objektu v JavaScripte

Objekty JavaScript spracovávajú viacero vlastností, ktoré sú hodnotami párov kľúčov. Tieto vlastnosti sa používajú na špecifikáciu vlastností a charakteristík definovaného objektu v JavaScripte. Keď sú objekty vytvorené, ich relevantné vlastnosti je možné dynamicky pridávať, odstraňovať a upravovať. Presnejšie povedané, existuje viacero metód JavaScriptu dostupných na pridávanie vlastností do objektu.

Tento príspevok bude uvádzať viaceré metódy na pridanie vlastnosti k objektu v JavaScripte.

Ako pridať/vložiť vlastnosť do objektu v JavaScripte?

Teraz sa budeme zaoberať nasledujúcimi metódami pridávania vlastností do objektu:

• Metóda 1: Pridanie vlastníctva pomocou bodkového zápisu (.)
• Metóda 2: Pridanie vlastnosti pomocou metódy Object.assign().
• Metóda 3: Pridanie vlastnosti pomocou metódy Object.defineProperty().

Metóda 1: Pridanie vlastnosti k objektu pomocou bodkovej notácie (.)

Bodková notácia je metóda na prístup k vlastnosti objektu. Pri písaní bodkou by ste mali najprv napísať názov objektu, potom bodku (.) a potom vložiť názov vlastnosti.

Príklad

Najprv deklarujte objekt pomocou „ nech ” a priraďte vlastnosti definovanému objektu v rámci bloku:

Použi ' console.log() “ metóda a odovzdať argument “ obj “, ktorý sa zobrazí na konzole:

Teraz pridajte vlastnosť pomocou bodkovej notácie:

Zobraziť výstup na konzole:

Výkon

Metóda 2: Pridanie vlastnosti k objektu pomocou metódy Object.assign().

Môžeme použiť aj „ priradiť() ” vstavaná metóda JavaScriptu na pridanie vlastností do objektu. ' Object.assign() “ je statická metóda JavaScriptu, ktorá sa používa na kopírovanie všetkých spočítateľných funkcií a vlastností z jedného alebo viacerých zdrojových objektov na zacielenie na objekt.

Syntax

Ak chcete použiť metódu object.assign(), skontrolujte danú syntax:

Vo vyššie uvedenej syntaxi:

• “ cieľ ” určuje objekt, do ktorého sa hodnoty vlastností skopírujú.
• “ zdroj “ označuje objekt, do ktorého sa majú skopírovať príslušné hodnoty vlastností.

Príklad

V tomto príklade najprv deklarujte premennú a priraďte jej vlastnosti. Potom deklarujte ďalšiu premennú podľa rovnakého postupu:

Použi ' Object.assign() ” a odovzdajte argumenty, kde prvý parameter je cieľový objekt a druhý parameter je zdrojový objekt. Táto metóda skopíruje všetky zdrojové hodnoty v cieľovej hodnote:

Potom vyvolajte „ console.log() ” metóda na zobrazenie výsledku na konzole:

Výkon

Metóda 3: Pridanie vlastnosti k objektu pomocou metódy Object.defineProperty().

' Object.defineProperty() “ je statická metóda JavaScript, ktorá sa používa na definovanie najnovšej a novej vlastnosti priamo k objektu alebo zmenu existujúcej vlastnosti objektu a vrátenie objektu.

Syntax

Ak chcete použiť „ Object.defineProperty() “, postupujte podľa danej syntaxe:

Tu:

• “ obj “ sa vzťahuje na objekt.
• “ nová_vlastnosť “ určuje vlastnosť, ktorá bude pridaná.
• “ konfigurácia ” definuje hodnotu, ktorú je možné zmeniť a upraviť.

Príklad

Deklarujte objekt pomocou „ nech ” kľúčové slovo:

Využite „ Object.defineProperty() ” a odovzdajte argumenty a nastavte hodnotu pre zapisovateľnú vlastnosť ako true. Preto je možné teraz zmeniť vlastnosť id objektu obj:

Pridajte vlastnosť pomocou „ obj.id “ a priraďte hodnotu:

Podľa odovzdaných argumentov konzola zobrazí zmenenú hodnotu vlastnosti:

Nastavte hodnotu zapisovateľnej vlastnosti na hodnotu false. V dôsledku toho nie je možné teraz zmeniť vlastnosť názvu objektu obj:

Pridajte vlastnosť pomocou „ názov objektu “ a priraďte hodnotu:

Podľa odovzdaných argumentov konzola nezobrazí odovzdanú hodnotu vlastnosti new (Hafsa Javed), ale staršiu hodnotu (Hafsa):

To je všetko o pridaní vlastnosti k objektu v JavaScripte.

Záver

Na pridanie vlastnosti do objektu v JavaScripte je možné použiť viacero metód. Používatelia môžu pridať vlastnosť k objektu pomocou „ bodkový zápis (.) “, “ Object.assign() “ alebo “ Object.defineProperty() “. Tento príspevok uvádza viacero metód na pridanie vlastnosti k objektu v JavaScripte.