如何使用js将两个对象合并成一个对象呢？比如一下2个对象进行合并操作：

var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }

方法一：Obj.assign()

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

var copyobj=Object.assign(obj1, obj2);
console.log(copyobj);//{food: 'pizza', car: 'ford', animal: 'dog'}

需要注意的是：使用assign合并后的对象，当对象中只有一级属性，没有二级属性的时候，此方法为深拷贝，但是对象中有对象的时候，此方法，在二级属性以后就是浅拷贝。这是由于Object.assign()拷贝的是属性值。假如源对象的属性值是一个对象的引用，那么它也只指向那个引用。

支持旧浏览器的polyfill：

if (!Object.assign) {
  Object.defineProperty(Object, 'assign', {
    enumerable: false,
    configurable: true,
    writable: true,
    value: function(target) {
      'use strict';
      if (target === undefined || target === null) {
        throw new TypeError('Cannot convert first argument to object');
      }

      var to = Object(target);
      for (var i = 1; i < arguments.length; i++) {
        var nextSource = arguments[i];
        if (nextSource === undefined || nextSource === null) {
          continue;
        }
        nextSource = Object(nextSource);

        var keysArray = Object.keys(nextSource);
        for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {
          var nextKey = keysArray[nextIndex];
          var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);
          if (desc !== undefined && desc.enumerable) {
            to[nextKey] = nextSource[nextKey];
          }
        }
      }
      return to;
    }
  });
}

方法二：js扩展运算符

ES6新增的内容，可以在函数调用/数组构造时，将数组表达式或者string在语法层面上展开，还可以在构造对象时，将对象表达式按照key-value的方式展开，也就是可以实现，将数组或者对象去掉[],{}的方式展开。

let merged = {...obj1, ...obj2};
console.log(merged);//{food: 'pizza', car: 'ford', animal: 'dog'}

注意事项同方法一。

方法三：遍历赋值

var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }
for(var key in obj2){
　　if(obj2.hasOwnProperty(key)===true){
　　    /*此处hasOwnProperty是判断自有属性，使用 for in 循环遍历对象的属性时，原型链上的所有属性都将被访问会避免原型对象扩展带来的干扰*/
　　	obj1[key]=obj2[key];
　　}
}
console.log(obj1);//{food: 'pizza', car: 'ford', animal: 'dog'}

或者：

var merge = function() {
    var obj = {},
        i = 0,
        il = arguments.length,
        key;
    for (; i < il; i++) {
        for (key in arguments[i]) {
            if (arguments[i].hasOwnProperty(key)) {
                obj[key] = arguments[i][key];
            }
        }
    }
    return obj;
};

var t1 = {
    key1: 1,
    key2: "test",
    key3: [5, 2, 76, 21]
};
var t2 = {
    key1: {
        ik1: "hello",
        ik2: "world",
        ik3: 3
    }
};
var t3 = {
    key2: 3,
    key3: {
        t1: 1,
        t2: 2,
        t3: {
            a1: 1,
            a2: 3,
            a4: [21, 3, 42, "asd"]
        }
    }
};

console.log(merge(t1, t2));
console.log(merge(t1, t3));
console.log(merge(t2, t3));
console.log(merge(t1, t2, t3));
console.log(merge({}, t1, { key1: 1 }));

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://fly63.com/article/detial/10740