javascript - 使用 AngularJS 合并两个对象

Question

我需要在 angularJS 中合并 2 个对象我尝试使用 angular.merge(obj1, obj2)，但这不是我所期望的

第一个对象

 // obj1
{
  "0": {
    "name": "340.jpg",
    "bytes": 21955,
    "link": "340.jpg?dl=0",
    "icon": "page_white_picture.png"
  },

  "1": {
    "name": "341.pdf",
    "bytes": 3394,
    "link": "340.pdf?dl=0",
    "icon": "page_white_acrobat.png"

  }

第二个对象

// obj2
{
  "id_pro": "70",
  "nuevo": "true",
  "fecha_ser": "2017-10-18"
}

预期结果

// Merged
{

  "0": {
    "name": "340.jpg",
    "bytes": 21955,
    "link": "340.jpg?dl=0",
    "icon": "icons64/page_white_picture.png",

    "id_pro": "70",
    "nuevo": "true",
    "fecha_ser": "2017-10-18"
  },

  "1": {
    "name": "341.pdf",
    "bytes": 3394,
    "link": "340.pdf?dl=0",
    "icon": "page_white_acrobat.png",

    "id_pro": "70",
    "nuevo": "true",
    "fecha_ser": "2017-10-18"

  }

}

将第二个对象准确添加到第一个对象的每组中。

可以使用 angular.merge 还是我需要一个自己的函数？谢谢

Answer 1

您可以使用native javascript 来完成此操作。

解决方案之一包括 forEach 方法与 Object.assign 的结合，以便合并属性。

let obj={
  "0": {
    "name": "340.jpg",
    "bytes": 21955,
    "link": "340.jpg?dl=0",
    "icon": "page_white_picture.png"
  },
  "1": {
    "name": "341.pdf",
    "bytes": 3394,
    "link": "340.pdf?dl=0",
    "icon": "page_white_acrobat.png"

  }
};
let second={
  "id_pro": "70",
  "nuevo": "true",
  "fecha_ser": "2017-10-18"
}
Object.keys(obj).forEach(function(key){
  Object.assign(obj[key],second);
});
console.log(obj);