深度连接两个对象

Question

我有这两个对象：

const tmp = {
  pl: {
    translation: {
      states: {
        foo: { name: 'bar' },
      },
    },
  },

  en: {
    translation: {
      states: {
        foo: { name: 'bar' },
      },
    },
  },
};
const tmp2 = {
  pl: {
    translation: {
      states: {
        foz: { name: 'baz' },
      },
    },
  },

  de: {
    translation: {
      states: {
        foo: { name: 'bar' },
      },
    },
  },
};

如何连接它们？ pl部分是流畅的，它可以改变所以它必须是动态的。

我正在考虑混合使用 Object.keys 递归地执行此操作，但它似乎有点矫枉过正。

Answer 1

好了：

function merge(o1,o2){
    const result = {}
    for(const key of Object.keys(o1)) result[key] = key in o2 ? merge(o1[key],o2[key]) : o1[key];
    for(const key of Object.keys(o2)) if(!(key in o1)) result[key] = o2[key];
    return result; 
}

Answer 2

lodash merge 将在这里发挥作用：

const tmp = {
  pl: { translation: { states: { foo: { name: 'bar' } } } },
  en: { translation: { states: { foo: { name: 'bar' } } } },
};
const tmp2 = {
  pl: { translation: { states: { foz: { name: 'baz' } } } },
  de: { translation: { states: { foo: { name: 'bar' } } } },
};

console.log(_.merge(tmp, tmp2));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js"></script>

Answer 3

我会建议一种更标准的方法，通用的，尤其是没有库的方法：

const extend = (isDeep, objects) => {

// Variables
let extended = {};
let deep = isDeep;

// Merge the object into the extended object
const merge = function (obj) {
    for (let prop in obj) {
        if (obj.hasOwnProperty(prop)) {
            if (deep && Object.prototype.toString.call(obj[prop]) === '[object Object]') {
                // If we're doing a deep merge and the property is an object
                extended[prop] = extend(deep, [extended[prop], obj[prop]]);
            } else {
                // Otherwise, do a regular merge
                extended[prop] = obj[prop];
            }
        }
    }
};

// Loop through each object and conduct a merge
for (let argument of objects) {
    merge(argument)
}
return extended;
};

您只需调用即可使用它：

extend(true, [tmp, tmp2])

第一个布尔参数用于执行深度合并或常规合并。

深度连接两个对象

Concatinating two objects deeply

javascript

object

data-structures