Kako dodati svojstvo objektu u JavaScriptu

JavaScript objekti obrađuju višestruka svojstva koja su vrijednosti para ključeva. Ova se svojstva koriste za određivanje kvaliteta i karakteristika definiranog objekta u JavaScriptu. Kada su objekti stvoreni, njihova se relevantna svojstva mogu dinamički dodavati, brisati i mijenjati. Točnije, postoji više metoda JavaScripta dostupnih za dodavanje svojstava objektu.

Ovaj će post navesti više metoda za dodavanje svojstva objektu u JavaScriptu.

Kako dodati/umetnuti svojstvo u objekt u JavaScriptu?

Sada ćemo pokriti sljedeće metode za dodavanje svojstava objektu:

• Metoda 1: Dodajte svojstvo pomoću notacije s točkama (.)
• Metoda 2: Dodajte svojstvo pomoću metode Object.assign().
• Metoda 3: Dodajte svojstvo pomoću metode Object.defineProperty().

Metoda 1: Dodavanje svojstva objektu pomoću notacije s točkama (.)

Točkasti zapis je metoda za pristup svojstvu objekta. Pri pisanju točkastim zapisom prvo treba napisati naziv objekta, zatim točku (.), a zatim upisati naziv svojstva.

Primjer

Prvo, deklarirajte objekt uz pomoć ' neka ” i dodijelite svojstva definiranom objektu unutar bloka:

Koristiti ' konzola.log() ' metoda i proslijedite argument ' obj ” za prikaz na konzoli:

Sada dodajte svojstvo uz pomoć točke:

Prikaz izlaza na konzoli:

Izlaz

Metoda 2: Dodavanje svojstva objektu pomoću metode Object.assign().

Također možemo koristiti ' dodijeliti() ” ugrađena metoda JavaScripta za dodavanje svojstava u objekt. ' Object.assign() ” je statička metoda JavaScripta koja se koristi za kopiranje svih izbrojivih značajki i svojstava iz jednog ili više izvornih objekata za ciljanje objekta.

Sintaksa

Za korištenje metode object.assign(), provjerite danu sintaksu:

U gornjoj sintaksi:

• “ cilj ” određuje objekt u koji će se vrijednosti svojstava kopirati.
• “ izvor ” označava objekt u koji treba kopirati odgovarajuće vrijednosti svojstava.

Primjer

U ovom primjeru, prvo deklarirajte varijablu i dodijelite svojstva. Zatim deklarirajte drugu varijablu slijedeći isti postupak:

Koristiti ' Object.assign() ” i proslijedite argumente, gdje je prvi parametar ciljni objekt, a drugi parametar izvorni objekt. Ova će metoda kopirati sve izvorne vrijednosti u ciljanu vrijednost:

Zatim pozovite ' konzola.log() ” za prikaz rezultata na konzoli:

Izlaz

Metoda 3: Dodavanje svojstva objektu pomoću metode Object.defineProperty()

' Object.defineProperty() ” je JavaScript statička metoda koja se koristi za definiranje najnovijeg i novog svojstva izravno u objektu ili mijenjanje postojećeg svojstva objekta i vraćanje objekta.

Sintaksa

Za korištenje ' Object.defineProperty() ” slijedite zadanu sintaksu:

Ovdje:

• “ obj ” odnosi se na objekt.
• “ novo_svojstvo ” određuje svojstvo koje će se dodati.
• “ konfiguracija ” definira vrijednost koja se može mijenjati i modificirati.

Primjer

Deklarirajte objekt uz pomoć ' neka ” ključna riječ:

Iskoristite ' Object.defineProperty() ” i proslijedite argumente te postavite vrijednost svojstva za pisanje kao istinito. Dakle, svojstvo id objekta obj sada se može promijeniti:

Dodajte svojstvo uz pomoć ' obj.id ” i dodijelite vrijednost:

Prema proslijeđenim argumentima, konzola će prikazati promijenjenu vrijednost svojstva:

Postavite vrijednost svojstva za pisanje na false. Kao rezultat toga, svojstvo name objekta obj sada se ne može promijeniti:

Dodajte svojstvo uz pomoć ' obj.naziv ” i dodijelite vrijednost:

Prema proslijeđenim argumentima, konzola neće prikazati proslijeđenu novu (Hafsa Javed) vrijednost svojstva, već stariju (Hafsa) vrijednost:

To je sve o dodavanju svojstva objektu u JavaScriptu.

Zaključak

Za dodavanje svojstva objektu u JavaScriptu, može se koristiti više metoda. Korisnici mogu dodati svojstvo objektu korištenjem ' zapis točka(.) ”, “ Object.assign() ' metoda ili ' Object.defineProperty() ” metoda. Ovaj post navodi više metoda za dodavanje svojstva objektu u JavaScriptu.