AngularJS 合并两个对象

在前端开发中，我们常常需要将两个对象进行合并。AngularJS提供了多种方法来实现这一目的，本文将介绍其中两种常用的方法，并为读者提供详细的示例代码。

方法一：angular.extend()

angular.extend() 是 AngularJS 提供的一个方法，可以将一个对象的属性赋值到另一个对象中。如果有相同的属性，则后面的对象会覆盖前面的对象。

var obj1 = {a: 1, b: 2};
var obj2 = {b: 3, c: 4};
var result = angular.extend(obj1, obj2);
console.log(result); // {a: 1, b: 3, c: 4}

上述代码中，obj1 和 obj2 分别包含了不同的属性。调用 angular.extend() 方法将 obj2 中的属性合并到 obj1 中，并返回合并后的结果。由于 obj2 中的 b 属性与 obj1 中的 b 属性相同，因此它会覆盖 obj1 中的 b 属性。

方法二：Object.assign()

Object.assign() 是 JavaScript 原生提供的一个方法，也可以用于合并两个对象。注意，该方法是 ES6 标准新增的方法，无法在旧版浏览器中使用。

var obj1 = {a: 1, b: 2};
var obj2 = {b: 3, c: 4};
var result = Object.assign({}, obj1, obj2);
console.log(result); // {a: 1, b: 3, c: 4}

与 angular.extend() 方法类似，Object.assign() 方法也将后面的对象属性合并到前面的对象中，并返回合并后的结果。但是，它需要传入一个空对象作为第一个参数，这个空对象会被用来存储合并后的结果。

总结

以上就是 AngularJS 合并两个对象的两种常用方法，读者可以根据自己的需求选择适合的方法。需要注意的是，如果要在旧版浏览器中使用 Object.assign() 方法，可以使用 polyfill 实现兼容性。

示例代码如下：

-- -------------------- ---- -------
-- ------- ------------- -- ----------- -
  ------------- - ---------------- -
    -- ------- -- ----- -
      ----- --- ----------------- ------- --------- -- ---- -- ---------
    -

    ------ - ---------------
    --- ---- ----- - -- ----- - ----------------- -------- -
      --- ------ - -----------------
      -- ------- -- ----- -
        --- ---- --- -- ------- -
          -- --------------------------------------------- ----- -
            ----------- - ------------
          -
        -
      -
    -
    ------ -------
  --
-

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29407