Obiekty JavaScript obsługują wiele właściwości, które są wartościami par kluczy. Te właściwości są wykorzystywane do określania cech i cech zdefiniowanego obiektu w JavaScript. Podczas tworzenia obiektów ich odpowiednie właściwości można dodawać, usuwać i modyfikować dynamicznie. Mówiąc dokładniej, istnieje wiele metod JavaScript służących do dodawania właściwości do obiektu.
W tym poście opisano 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ść przy użyciu notacji kropkowej (.)
- Metoda 2: Dodaj właściwość przy użyciu metody Object.assign().
- Metoda 3: Dodaj właściwość przy użyciu metody Object.defineProperty().
Metoda 1: Dodaj właściwość do obiektu przy użyciu notacji kropkowej (.)
Notacja kropkowa to metoda dostępu do właściwości obiektu. Pisząc w notacji kropkowej, należy najpierw wpisać nazwę obiektu, następnie kropkę (.), a następnie wstawić nazwę właściwości.
Przykład
Najpierw zadeklaruj obiekt za pomocą „ pozwalać ” i przypisz właściwości zdefiniowanemu obiektowi w bloku:
niech obj = {
nazwa : 'Oficer' ,
wiek : 14 ,
} ;
Użyj ' log.konsoli() ” metoda i przekazać argument „ obj ”, aby wyświetlić na konsoli:
konsola. dziennik ( obj ) ;Teraz dodaj właściwość za pomocą notacji kropkowej:
obj. Edukacja = 'Inżynier oprogramowania' ;
Wyświetl dane wyjściowe na konsoli:
konsola. dziennik ( obj ) ;Wyjście
Metoda 2: Dodaj właściwość do obiektu za pomocą metody Object.assign().
Możemy również skorzystać z opcji „ przydzielać() ” wbudowana metoda JavaScript, aby dodać właściwości w obiekcie. „ Obiekt.przypisz() ” to statyczna metoda 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 w celu kierowania na obiekt.
Składnia
Aby użyć metody object.assign(), sprawdź podaną składnię:
Obiekt . przydzielać ( cel , źródło ) ;W powyższej składni:
- “ cel ” określa obiekt, do którego zostaną skopiowane wartości właściwości.
- “ źródło ” wskazuje obiekt, do którego należy skopiować odpowiednie wartości właściwości.
Przykład
W tym przykładzie najpierw zadeklaruj zmienną i przypisz jej właściwości. Następnie zadeklaruj inną zmienną, postępując zgodnie z tą samą procedurą:
pozwól pracownikowi = { nazwa : „Diana” , wiek : 23 } ;niech informacje = { płeć : 'Kobieta' , narodowość : 'Kanadyjski' } ;
Użyj ' Obiekt.przypisz() ” i przekaż argumenty, gdzie pierwszy parametr to obiekt docelowy, a drugi to obiekt źródłowy. Ta metoda skopiuje wszystkie wartości źródłowe do wartości docelowej:
Obiekt . przydzielać ( pracownik , Informacja ) ;Następnie wywołaj „ log.konsoli() ”, aby wyświetlić wynik na konsoli:
konsola. dziennik ( pracownik ) ;konsola. dziennik ( Informacja ) ;
Wyjście
Metoda 3: Dodaj właściwość do obiektu przy użyciu metody Object.defineProperty().
„ Obiekt.defineProperty() ” to statyczna metoda JavaScript, która służy do definiowania najnowszych i nowych właściwości bezpośrednio w obiekcie lub zmiany istniejącej właściwości obiektu i zwracania obiektu.
Składnia
Aby skorzystać z opcji „ Obiekt.defineProperty() ”, postępuj zgodnie z podaną składnią:
Obiekt . zdefiniujWłaściwość ( obj , nowa_właściwość , konfiguracja ) ;Tutaj:
- “ obj ” odnosi się do przedmiotu.
- “ nowa_właściwość ” określa właściwość, która zostanie dodana.
- “ konfiguracja ” określa wartość, którą można zmieniać i modyfikować.
Przykład
Zadeklaruj obiekt za pomocą „ pozwalać słowo kluczowe:
niech obj = { } ;Skorzystaj z opcji „ Obiekt.defineProperty() ” i przekaż argumenty oraz ustaw wartość właściwości writable na true. Dlatego właściwość id obiektu obj można teraz zmienić:
Obiekt . zdefiniujWłaściwość ( obj , 'ID' , {wartość : 137 ,
zapisywalny : PRAWDA
} ) ;
Dodaj obiekt za pomocą „ identyfikator obiektu ” i przypisz wartość:
obj. ID = 214 ;Zgodnie z przekazanymi argumentami konsola wyświetli zmienioną wartość właściwości:
konsola. dziennik ( „Identyfikator obiektu:” , obj. ID ) ;Ustaw wartość właściwości możliwej do zapisu jako false. W rezultacie nie można teraz zmienić właściwości name obiektu obj:
Obiekt . zdefiniujWłaściwość ( obj , 'nazwa' , {wartość : 'Oficer' ,
zapisywalny : FAŁSZ } ) ;
Dodaj obiekt za pomocą „ nazwa.obj ” i przypisz wartość:
obj. nazwa = „Hafsa Javed” ;Zgodnie z przekazanymi argumentami konsola nie wyświetli przekazanej wartości właściwości new(Hafsa Javed), ale starszą (Hafsa):
konsola. dziennik ( „Nazwa obiektu:” , obj. nazwa ) ;To wszystko o dodaniu właściwości do obiektu w JavaScript.
Wniosek
Aby dodać właściwość do obiektu w JavaScript, można wykorzystać wiele metod. Użytkownicy mogą dodać właściwość do obiektu, używając „ notacja kropkowa (.) ”, „ Obiekt.przypisz() ” metoda lub „ Obiekt.defineProperty() ' metoda. W tym poście podano wiele metod dodawania właściwości do obiektu w JavaScript.