Един обект в JavaScript се описва като група от двойки ключ-стойност. Понякога разработчиците може да изискват комбиниране на свойствата на двата обекта в нов обект. Този процес се нарича сливане. За обединяване на обекти JavaScript предоставя някои вградени методи, наречени „ Object.assign() ” метод или „ Оператор за разпространение ”.
Тази публикация ще опише методите за динамично обединяване на свойствата на два JavaScript обекта.
Как да обединим свойствата на два JavaScript обекта динамично?
Използвайте следните методи за динамично обединяване на свойствата на два JavaScript обекта:
Метод 1: Динамично обединяване/комбиниране на свойствата на два JavaScript обекта с помощта на метода Object.assign()
Използвай ' Object.assign() ” метод за динамично комбиниране на свойствата на два JavaScript обекта. Този метод поддържа целостта на оригиналните обекти чрез копиране на всички изброими свойства към целеви обект от един или повече изходни обекти. Ако същият атрибут присъства и в двата обекта, стойността на втория обект ще замени стойността от първия. Имайте предвид, че този метод копира само изброими свойства, така че няма да копира свойства, наследени от прототипа на обекта.
Синтаксис
Следвайте предоставения синтаксис за обединяване на два JavaScript обекта:
targetObject = Object.assign ( obj1, obj2, ... ) ;Пример
Създайте обект ' инфо ”:
където информация = {име: 'Джени' ,
възраст: 24 ,
Ролно: петнадесет
} ;
Създайте втори обект ' дейности ” със следните двойки ключове:
променливи дейности = {игра: 'Крикет' ,
упражнение: 'Йога'
} ;
Обадете се на „ Object.assign() ' за обединяване на свойствата на ' инфо ' и ' дейности ” в нов обект, наречен „ студент ”:
var student = Object.assign ( информация, дейности ) ;Отпечатайте свойствата на обекта ' студент ' използвайки ' console.log() ” метод:
console.log ( студент ) ;Резултатът показва, че свойствата на обектите „ инфо ' и ' дейности ” са успешно обединени в новия обект “ студент ”:
Метод 2: Динамично обединяване/комбиниране на свойства на два JavaScript обекта с помощта на оператор за разпространение
Има друг подход за сливане на двата JavaScript обекта, който използва „ Оператор за разпространение ”. Това е често използваният подход за сливане на обекти чрез копиране на всички атрибути от обекти. Ако два обекта имат свойство с едно и също име, свойството на обекта вдясно замества по-ранното.
Синтаксис
Следният синтаксис се използва за обединяване на свойства на два JavaScript обекта с помощта на оператора Spread:
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;Пример
Създайте нов обект ' студент ' и обединяване на свойствата на обекти ' инфо ' и ' дейности ” в ученик с помощта на оператор Spread “ … ”:
беше ученик = {...информация, ...дейности
} ;
Изход
Предоставили сме цялата необходима информация, свързана с обединяването на обектите в JavaScript.
Заключение
За да обедините/комбинирате свойствата на обекти в JavaScript, използвайте „ Object.assign() ” метод или „ Оператор за разпространение ”. Операторът за разпространение е най-често използваният подход за обединяване на свойствата на JavaScript обекти. Ако същият атрибут присъства и в двата обекта, стойността на втория обект ще замени стойността от първия. В тази публикация описахме методите за динамично сливане/комбиниране на свойствата на два JavaScript обекта.