Возникла необходимость объединения 2-х объектов в один, с соблюдением некоторых правил:
При решении задачи, на ум приходит разве что рекурсивное копирование свойств из 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;
}
Остается одна деталь - если свойство объекта массив... Можно сделать проверку на это и в цикле скопировать все его ключи, а если ключ массив или объект.... Подскажите как можно более менее оптимально решить данную задачу?
Воспользуйтесь
https://github.com/KyleAMathews/deepmerge
Нет смысла писать свой велосипед, когда есть неплохой готовый.
В случае, если вы работаете с frontend, собирайте webpackом
Я бы вам посоветовал использовать библиотеку 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 и скопировать оттуда эту функцию, и, может, в чем-то модернизировать.
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости