Question

我有两个对象：

{'1': {'a': 1, 'b': 2, 'c': 3}}, {'1': {'d': 4, 'e': 5, 'f': 6}, '2': {'g': 7}}.

原生javascript中是否有一个函数（项目中也使用了下划线），我可以放入这两个对象并将其取出来？

{'1': {'a': 1, 'b': 2, 'c': 3, 'd': 4, 'e': 5, 'f': 6}, '2': {'g': 7}}

Answer 1

恐怕没有这种内置函数内置的javascript。但是你总是可以尝试编写自己的递归函数来完成这项任务：

function merge(a, b) {
    for (var key in b) {
        try {
            if (b[key].constructor === Object) {
                a[key] = merge(a[key], b[key]);
            } else {
                a[key] = b[key];
            }
        } catch(e) {
            a[key] = b[key];
        }
    }
    return a;
}

可以这样使用：

var a = { '1': { 'a': 1, 'b': 2, 'c': 3 } };
var b = { '1': { 'd': 4, 'e': 5, 'f': 6}, '2': {'g': 7} };

var result = merge(a, b);

，结果将是：

{"1":{"a":1,"b":2,"c":3,"d":4,"e":5,"f":6},"2":{"g":7}}

如this jsfiddle所示。

Answer 2

[已更新]您可以使用以下内容进行合并，而不会影响原始对象：

var isObject = function(o) { return Object.prototype.toString.call(o) == '[object Object]'; };
var isArray = function(o) { return Object.prototype.toString.call(o) == '[object Array]'; };

function extend(a, b) {
  for (var prop in b) {
    if (isObject(b[prop])) {
      extend(a[prop]||(a[prop] = {}), b[prop]);
    }
    else if (isArray(b[prop])) {
      a[prop] = (a[prop]||[]).concat(b[prop]);
    }
    else {
      a[prop] = b[prop];
    }
  }
  return a;
}

function merge(dest, source) {
  var obj = extend({}, dest),
      sources = arguments.length > 2 ? [].slice.call(arguments,1) : [source];

  sources.forEach(function(source) {
    extend(obj, source);
  });

  return obj;
}

见工作JSBin。

此更新版本应允许您合并多个对象并返回合并对象的副本，并保留原件。

当键相同时合并2个对象值

2 个答案: