Как динамически объединить свойства двух объектов JavaScript

Объект в JavaScript описывается как группа пар ключ-значение. Иногда разработчикам может потребоваться объединить свойства двух объектов в новый объект. Этот процесс называется слиянием. Для слияния объектов JavaScript предоставляет несколько встроенных методов, называемых « Объект.назначить() 'метод' или ' Оператор спреда ».

В этом посте будут описаны методы динамического объединения свойств двух объектов JavaScript.

Как динамически объединить свойства двух объектов JavaScript?

Используйте следующие методы для динамического объединения свойств двух объектов JavaScript:

метод assign()
Оператор спреда

Метод 1: объединить/объединить свойства двух объектов JavaScript динамически с использованием метода Object.assign()

Использовать ' Объект.назначить() ” для динамического объединения свойств двух объектов JavaScript. Этот метод поддерживает целостность исходных объектов, копируя все перечисляемые свойства в целевой объект из одного или нескольких исходных объектов. Если в обоих объектах присутствует один и тот же атрибут, значение второго объекта заменит значение первого. Обратите внимание, что этот метод копирует только перечисляемые свойства, поэтому он не копирует свойства, унаследованные от прототипа объекта.

Синтаксис

Следуйте предоставленному синтаксису для слияния двух объектов JavaScript:

targetObject = Объект.назначить ( объект1, объект2, ... ) ;

Пример

Создать объект» Информация ”:

где информация = {
название: 'Дженни' ,
возраст: 24 ,
Роллно: пятнадцать
} ;

Создать второй объект» виды деятельности ” со следующими парами ключей:

переменная деятельность = {
игра: 'Крикет' ,
упражнение: «Йога»
} ;

Позвоните в « Объект.назначить() ', чтобы объединить свойства ' Информация ' и ' виды деятельности ' в новом объекте под названием ' ученик ”:

var студент = Object.assign ( информация, деятельность ) ;

Вывести свойства объекта “ ученик ' с использованием ' console.log() метод:

console.log ( ученик ) ;

Вывод указывает, что свойства объектов « Информация ' и ' виды деятельности ' успешно объединены в новый объект ' ученик ”:

Метод 2: слияние/объединение свойств двух объектов JavaScript динамически с использованием оператора распространения

Существует еще один подход к объединению двух объектов JavaScript, который использует « Оператор спреда ». Это обычно используемый подход для слияния объектов путем копирования всех атрибутов объектов. Если два объекта имеют свойство с одинаковым именем, свойство объекта справа заменяет предыдущее.

Синтаксис

Следующий синтаксис используется для объединения свойств двух объектов JavaScript с помощью оператора Spread:

targetObject = Объект.назначить ( ...объект1, ...объект2, .... ) ;

Пример

Создать новый объект» ученик ” и объединить свойства объектов ” Информация ' и ' виды деятельности » у студента с помощью оператора Spread » … ”:

был студентом = {
...информация, ...действия
} ;

Вывод

Мы предоставили всю необходимую информацию, связанную с объединением объектов в JavaScript.

Заключение

Чтобы объединить/объединить свойства объектов в JavaScript, используйте « Объект.назначить() 'метод' или ' Оператор спреда ». Оператор распространения является наиболее часто используемым подходом для слияния свойств объектов JavaScript. Если в обоих объектах присутствует один и тот же атрибут, значение второго объекта заменит значение первого. В этом посте мы описали методы динамического слияния/объединения свойств двух объектов JavaScript.

Как динамически объединить свойства двух объектов JavaScript