Jak dodać właściwość do obiektu w JavaScript

Obiekty JavaScript obsługują wiele właściwości, które są wartościami pary kluczy. Właściwości te są wykorzystywane do określenia cech i cech określonego obiektu w JavaScript. Po utworzeniu obiektów ich odpowiednie właściwości można dodać, usuwać i modyfikować dynamicznie. Mówiąc dokładniej, dostępnych jest wiele metod JavaScript do dodawania właściwości do obiektu.

Ten post przedstawi wiele metod dodawania właściwości do obiektu w JavaScript.

Jak dodać/wstawić właściwość do obiektu w JavaScript?

Teraz omówimy następujące metody dodawania właściwości do obiektu:

• Metoda 1: Dodaj właściwość za pomocą notacji DOT (.)
• Metoda 2: Dodaj właściwość za pomocą obiektu.metoda przypisania ()
• Metoda 3: Dodaj właściwość za pomocą obiektu.Metoda defineProperty ()

Metoda 1: Dodaj właściwość do obiektu za pomocą notacji DOT (.)

Notacja DOT jest metodą dostępu do właściwości obiektu. Pisząc w notacji DOT, najpierw powinieneś napisać nazwę obiektu, a następnie kropkę (.), a następnie wstaw nazwę właściwości.

Przykład

Najpierw zadeklaruj obiekt z pomocą „pozwalać”Słowo kluczowe i przypisz właściwości do zdefiniowanego obiektu w bloku:

Niech obj =
Nazwa: „Hafsa”,
Wiek: 14,
;

Użyj "konsola.dziennik()„Metoda i przekazaj argument”obj”Pokazanie na konsoli:

konsola.log (OBJ);

Teraz dodaj właściwość za pomocą notacji DOT:

obj.edukacja = „inżynier oprogramowania”;

Wyświetl wyjście na konsoli:

konsola.log (OBJ);

Wyjście

Metoda 2: Dodaj właściwość do obiektu za pomocą obiektu.metoda przypisania ()

Możemy również użyć „przydzielać()”Wbudowana metoda JavaScript w celu dodania właściwości w obiekcie. „„Obiekt.przydzielać()”Jest statyczną metodą JavaScript, która jest wykorzystywana do kopiowania wszystkich policzalnych funkcji i właściwości z jednego lub więcej obiektów źródłowych do celowania w obiekcie.

Składnia

Aby użyć obiektu.metoda przypisania (), sprawdź podaną składnię:

Obiekt.przypisuj (cel, źródło);

W powyższej składni:

• "cel”Określa obiekt, w którym wartości właściwości zostaną skopiowane.
• "źródło”Wskazuje obiekt, w którym należy skopiować odpowiednie wartości właściwości.

Przykład

W tym przykładzie najpierw zadeklaruj zmienną i przypisz właściwości. Następnie zadeklaruj inną zmienną, postępując zgodnie z tą samą procedurą:

Niech pracownik = Nazwa: „Diana”, wiek: 23;
Niech informacja = płeć: „kobieta”, narodowość: „kanadyjska”;

Użyj "Obiekt.przydzielać()”Metoda i przekazuj argumenty, w których pierwszym parametrem jest obiekt docelowy, a drugi parametr jest obiektem źródłowym. Ta metoda skopiuje wszystkie wartości źródła w wartości docelowej:

Obiekt.przypisać (pracownik, informacje);

Następnie przywołaj „„konsola.dziennik()„Metoda wyświetlania wyniku na konsoli:

konsola.log (pracownik);
konsola.log (informacje);

Wyjście

Metoda 3: Dodaj właściwość do obiektu za pomocą obiektu.Metoda defineProperty ()

„„Obiekt.defineProperty ()”To metoda statyczna JavaScript, która jest wykorzystywana do definiowania najnowszej i nowej właściwości bezpośrednio do obiektu lub zmiany istniejącej właściwości obiektu i zwracania obiektu.

Składnia

Używać „Obiekt.defineProperty ()„Metoda, postępuj zgodnie z podaną składnią:

Obiekt.defineProperty (obj, new_property, konfiguracja);

Tutaj:

• "obj”Odnosi się do obiektu.
• "new_property”Określa właściwość, która zostanie dodana.
• "konfiguracja”Określa wartość, którą można zmienić i zmodyfikować.

Przykład

Zadeklaruj obiekt z pomocą „pozwalać”Słowo kluczowe:

niech obj = ;

Użyj „Obiekt.defineProperty ()”Metody i przekazuj argumenty oraz ustaw wartość dla nieruchomości zapisanej. Stąd właściwość ID Object OBJ można teraz zmienić:

Obiekt.defineProperty (obj, „id”,
Wartość: 137,
Wisły: prawda
);

Dodaj nieruchomość za pomocą „obj.ID”I przypisz wartość:

obj.id = 214;

Zgodnie z przekazanymi argumentami konsola wyświetli zmienioną wartość właściwości:

konsola.log („obiekt id:”, obj.ID);

Ustaw wartość właściwości zapisanej jako fałszywy. W rezultacie nazwy właściwości Object OBJ nie można teraz zmienić:

Obiekt.defineProperty (obj, „nazwa”,
Wartość: „Hafsa”,
zapis: false);

Dodaj nieruchomość za pomocą „obj.nazwa”I przypisz wartość:

obj.name = „hafsa Javed”;

Zgodnie z przekazanymi argumentami konsola nie wyświetli wartości nowej wartości nieruchomości (Hafsa Javed), ale wartość starsza (HAFSA):

konsola.log („Nazwa obiektu:”, OBJ.nazwa);

Chodzi o dodanie właściwości do obiektu w JavaScript.

Wniosek

Aby dodać właściwość do obiektu w JavaScript, można zastosować wiele metod. Użytkownicy mogą dodać właściwość do obiektu, wykorzystując „notacja kropki (.)”,„Obiekt.przydzielać()„Metoda lub„Obiekt.defineProperty ()" metoda. W tym poście podano wiele metod dodawania właściwości do obiektu w JavaScript.