Kuidas JavaScriptis objektile atribuuti lisada

JavaScripti objektid haldavad mitut atribuuti, mis on võtmepaari väärtused. Neid omadusi kasutatakse JavaScriptis määratletud objekti omaduste ja omaduste täpsustamiseks. Kui objektid on loodud, saab nende asjakohaseid omadusi dünaamiliselt lisada, kustutada ja muuta. Täpsemalt on objektile atribuutide lisamiseks saadaval mitu JavaScripti meetodit.

See postitus kirjeldab mitut meetodit JavaScripti objektile atribuudi lisamiseks.

Kuidas JavaScriptis objektile atribuuti lisada/sisestada?

Nüüd käsitleme järgmisi meetodeid objektile omaduste lisamiseks:

• 1. meetod: atribuudi lisamine punktimärgistuse (.) abil
• 2. meetod: lisage atribuut meetodi Object.assign() abil
• 3. meetod: lisage atribuut, kasutades meetodit Object.defineProperty().

1. meetod: lisage objektile atribuut, kasutades punktimärki (.)

Punktide märkimine on meetod objekti atribuudile juurdepääsuks. Punktidega kirjutamisel tuleks kõigepealt kirjutada objekti nimi, seejärel punkt (.) ja seejärel sisestada atribuudi nimi.

Näide

Esmalt deklareerige objekt, kasutades ' lase ” märksõna ja määrake plokis määratletud objektile atribuudid:

Kasuta ' console.log() 'meetod ja edasta argument' obj ” konsoolil kuvamiseks:

Nüüd lisage atribuut punktitähise abil:

Kuva väljund konsoolil:

Väljund

2. meetod: lisage objektile atribuut, kasutades meetodit Object.assign().

Võime kasutada ka ' määra() ” JavaScripti sisseehitatud meetod objekti atribuutide lisamiseks. ' Object.assign() ” on JavaScripti staatiline meetod, mida kasutatakse objekti sihtimiseks kõigi loendatavate funktsioonide ja omaduste kopeerimiseks ühest või mitmest lähteobjektist.

Süntaks

Meetodi object.assign() kasutamiseks kontrollige antud süntaksit:

Ülaltoodud süntaksis:

• “ sihtmärk ” määrab objekti, kuhu vara väärtused kopeeritakse.
• “ allikas ” tähistab objekti, kuhu tuleks vastavad atribuudi väärtused kopeerida.

Näide

Selles näites deklareerige kõigepealt muutuja ja määrake omadused. Seejärel deklareerige teine ​​muutuja, järgides sama protseduuri:

Kasuta ' Object.assign() ” meetod ja edasta argumendid, kus esimene parameeter on sihtobjekt ja teine ​​parameeter on lähteobjekt. See meetod kopeerib kõik sihitud väärtuse lähteväärtused:

Seejärel avage ' console.log() ” meetod tulemuse kuvamiseks konsoolil:

Väljund

3. meetod: lisage objektile atribuut, kasutades meetodit Object.defineProperty()

' Object.defineProperty() ” on JavaScripti staatiline meetod, mida kasutatakse uusima ja uue omaduse määratlemiseks otse objektile või objekti olemasoleva atribuudi muutmiseks ja objekti tagastamiseks.

Süntaks

Et kasutada ' Object.defineProperty() ” meetodil, järgige antud süntaksit:

Siin:

• “ obj ” viitab objektile.
• “ uus_vara ” määrab kinnistu, mis lisatakse.
• “ konfiguratsiooni ” määrab väärtuse, mida saab muuta ja muuta.

Näide

Objekti deklareerimine '' abil lase ” märksõna:

Kasutage ' Object.defineProperty() ” meetodit ja edasta argumendid ning määra kirjutatava omaduse väärtus tõeseks. Seega saab objekti obj atribuuti id nüüd muuta:

Lisa vara abiga ' obj.id ” ja määrake väärtus:

Vastavalt läbitud argumentidele kuvab konsool muudetud atribuudi väärtust:

Määrake kirjutatava omaduse väärtus vääraks. Selle tulemusena ei saa objekti obj nime omadust praegu muuta:

Lisa vara abiga ' obj.nimi ” ja määrake väärtus:

Läbitud argumentide kohaselt ei kuva konsool edasi antud uut (Hafsa Javed) atribuudi väärtust, vaid vanemat (Hafsa) väärtust:

See kõik puudutab atribuudi lisamist objektile JavaScriptis.

Järeldus

Atribuudi lisamiseks objektile JavaScriptis saab kasutada mitut meetodit. Kasutajad saavad atribuuti objektile lisada, kasutades ' punktitähistus (.) ”, „ Object.assign() meetodit või Object.defineProperty() ” meetod. See postitus kirjeldas mitut meetodit atribuudi lisamiseks JavaScriptis objektile.