Jak dynamicznie scalić właściwości dwóch obiektów JavaScript

Obiekt w JavaScript jest opisany jako grupa par kluczowych. Czasami programiści mogą wymagać połączenia właściwości dwóch obiektów w nowym obiekcie. Proces ten nazywa się scalanie. W przypadku scalania obiektów JavaScript zapewnia wbudowane metody zwane „Obiekt.przydzielać()”Metoda lub„Operator rozprzestrzeniania się".

Ten post opisuje metody dynamicznego scalania właściwości dwóch obiektów JavaScript.

Jak dynamicznie scalić właściwości dwóch obiektów JavaScript?

Użyj następujących metod, aby dynamicznie łączyć właściwości dwóch obiektów JavaScript:

• metoda przypisania ()
• Operator rozprzestrzeniania się

Metoda 1: Scal/Połącz właściwości dwóch obiektów JavaScript dynamicznie za pomocą obiektu.metoda przypisania ()

Użyj "Obiekt.przydzielać()”Metoda dynamicznego łączenia właściwości dwóch obiektów JavaScript. Ta metoda utrzymuje integralność oryginalnych obiektów poprzez kopiowanie wszystkich właściwości wyliczalnych do obiektu docelowego z jednego lub więcej obiektów źródłowych. Jeśli ten sam atrybut jest obecny w obu obiektach, wartość drugiego obiektu zastąpi wartość od pierwszego. Należy zauważyć, że ta metoda kopiuje tylko właściwości wyliczalne, więc nie będzie kopiować właściwości odziedziczonych po prototypie obiektu.

Składnia

Postępuj zgodnie z podaną składnią do połączenia dwóch obiektów JavaScript:

TargetObject = obiekt.Ast Assing (OBJ1, OBJ2,…);

Przykład

Utwórz obiekt „informacje”:

var info =
Imię: „Jenny”,
Wiek: 24,
Rollno: 15
;

Utwórz drugi obiekt „zajęcia”Z następującymi parami kluczowymi:

var aktywności =
Gra: „krykiet”,
Ćwiczenie: „Joga”
;

Zadzwoń do "Obiekt.przydzielać()„Metoda łączenia właściwości„informacje" I "zajęcia”W nowym obiekcie zatytułowanym„student”:

var Student = obiekt.przypisać (informacje, działania);

Wydrukuj właściwości obiektu „student" używając "konsola.dziennik()" metoda:

konsola.log (student);

Wyjście wskazuje, że właściwości obiektów „informacje" I "zajęcia”Są skutecznie scalone w nowym obiekcie”student”:

Metoda 2: Scal/Połącz właściwości dwóch obiektów JavaScript dynamicznie za pomocą operatora rozprzestrzeniania się

Istnieje inne podejście do scalania dwóch obiektów JavaScript, które wykorzystuje „Operator rozprzestrzeniania się". Jest to powszechnie stosowane podejście do łączenia obiektów poprzez kopiowanie wszystkich atrybutów z obiektów. Jeśli dwa obiekty mają właściwość o tej samej nazwie, właściwość obiektu po prawej.

Składnia

Poniższa składnia jest używana do łączenia właściwości dwóch obiektów JavaScript za pomocą operatora rozprzestrzeniania się:

TargetObject = obiekt.Przypisaj (… obj1,… obj2,…);

Przykład

Utwórz nowy obiekt „student”I połącz właściwości obiektów”informacje" I "zajęcia„U studenckiej za pomocą operatora rozprzestrzeniania się”… ”:

var Student =
… Informacje,… zajęcia
;

Wyjście

Podaliśmy wszystkie niezbędne informacje związane z scalaniem obiektów w JavaScript.

Wniosek

Aby połączyć/połączyć właściwości obiektów w JavaScript, użyj „Obiekt.przydzielać()”Metoda lub„Operator rozprzestrzeniania się". Operator rozprzestrzeniania się jest najczęściej stosowanym podejściem do łączenia właściwości obiektów JavaScript. Jeśli ten sam atrybut jest obecny w obu obiektach, wartość drugiego obiektu zastąpi wartość od pierwszego. W tym poście opisaliśmy metody dynamicznego scalania/łączenia właściwości dwóch obiektów JavaScript.