Слияние двух объектов

279
10 сентября 2017, 02:59

Возникла необходимость объединения 2-х объектов в один, с соблюдением некоторых правил:

  • Итоговый объект должен быть независим (при изменении его свойств, свойства исходных объектов меняться не должны и наоборот)
  • Слияние должно быть глубоким
  • Исходные объекты делятся на source и target. Target содержит все свойства, которые могут присутствовать в итоговом объекте, если такое свойство есть в source, то в итоговый попадает значение из него, иначе из target.
  • Свойствами объектов могут быть любые типы.

При решении задачи, на ум приходит разве что рекурсивное копирование свойств из target в новый объект с проверкой есть ли такое свойство в source

function objectsMerge(source, target) {
    var result = {};
    for (var key in target) {
      if (target.hasOwnProperty(key)) {
        if (Object.prototype.toString.call(target[key]) === '[object Object]') {
          result[key] = objectsMerge(source[key], target[key]);
        } else {
          result[key] = key in source ? source[key] : target[key];
        }
      }
    }
    return result;
  }

Остается одна деталь - если свойство объекта массив... Можно сделать проверку на это и в цикле скопировать все его ключи, а если ключ массив или объект.... Подскажите как можно более менее оптимально решить данную задачу?

Answer 1

Воспользуйтесь
https://github.com/KyleAMathews/deepmerge
Нет смысла писать свой велосипед, когда есть неплохой готовый. В случае, если вы работаете с frontend, собирайте webpackом

Answer 2

Я бы вам посоветовал использовать библиотеку lodash для таких целей. Конкретно функцию _.merge(object, [sources]) https://lodash.com/docs/4.17.4#merge

Описание на сайте:

This method is like _.assign except that it recursively merges own and inherited enumerable string keyed properties of source objects into the destination object. Source properties that resolve to undefined are skipped if a destination value exists. Array and plain object properties are merged recursively. Other objects and value types are overridden by assignment. Source objects are applied from left to right. Subsequent sources overwrite property assignments of previous sources.

Прочем можете покопаться в исходном коде https://github.com/lodash/lodash и скопировать оттуда эту функцию, и, может, в чем-то модернизировать.

READ ALSO
Динамическая таблица на Javascript

Динамическая таблица на Javascript

Прошу помощи добавить кнопку редактирования / сохранения в ячейке, рядом с другими кнопками добавления и удаления строкКнопка должна дублироваться...

515
Разница в поведении между let и var в цикле for

Разница в поведении между let и var в цикле for

Разница в объявлении счетчика цикла через let и var в том что через var переменная-счетчик видна за пределами цикла в функции, через let - только...

326
Иконка аватара без потери качества

Иконка аватара без потери качества

Добрый День! Столкнулся с проблемойСуществуют ли способы сохранения качества аватара без потери качества изображения? Проблема заключается...

315
memcached не принимает большие данные

memcached не принимает большие данные

Есть большой json-файл(примерно, 7,5 мегабайт), который подгружается с диска и декодируется примерно 3 секундыЯ захотел это исправить и положить...

306