Podczas pracy z JavaScriptem programiści często muszą dodawać dynamiczne właściwości do obiektu, takie jak formularz, w którym użytkownicy mogą dodawać elementy z właściwościami o dynamicznych nazwach. W niektórych przypadkach wymagane jest zorganizowanie danych w obiekty, przy czym cechy tych obiektów wymagają dynamicznego nazewnictwa w zależności od danych, z którymi wchodzą w interakcję. Ogólnie rzecz biorąc, właściwości o nazwach dynamicznych mogą być przydatne, gdy trzeba zbudować obiekt o właściwościach, które nie są znane przed uruchomieniem.
Ten samouczek określi, czy możliwe jest dynamiczne dodawanie nazwanych właściwości w obiektach w JavaScript.
Czy jest możliwe/wykonalne dodawanie/wstawianie dynamicznie nazwanych właściwości do obiektów w JavaScript?
Tak, właściwości o dynamicznych nazwach można dodawać do obiektów JavaScript. W tym celu skorzystaj z opcji „ notacja nawiasów kwadratowych ”.
Składnia
Postępuj zgodnie z podaną składnią, aby dynamicznie dodawać nazwane właściwości do obiektów:
obj [ 'Nazwa właściwości' ] = 'wartość' ;
Przykład
Utwórz obiekt „ samochód ” z właściwościami “ kolor ' I ' Model ”:
gdzie samochód = {
'kolor' : 'czarny' ,
'Model' : 2011
} ;
Dodaj obiekt „ cena ” dynamicznie za pomocą „ notacja nawiasowa ”:
Wydrukuj obiekt na konsoli:
Dane wyjściowe wskazują, że „ cena ” została pomyślnie dodana do obiektu:
Teraz dodamy kolejną właściwość w tym samym obiekcie:
Na koniec wydrukuj „ samochód ” obiekt na konsoli:
Wyjście
Zebraliśmy wszystkie istotne informacje dotyczące dynamicznego dodawania nazwanych właściwości w obiekcie.
Wniosek
W JavaScript możesz dynamicznie dodawać właściwości do obiektu za pomocą „ notacja nawiasów kwadratowych ” używając następującej składni „ obj['nazwa_właściwości'] = 'wartość' ”. W tym samouczku zdefiniowaliśmy pojęcie, czy możliwe jest dynamiczne dodawanie nazwanych właściwości w obiektach w JavaScript.