在没有jQuery的情况下连接两个JSON对象

Question

我有两个JSON对象,我想创建一个对象,使用Angular或纯JavaScript(没有jQuery).Angular.extend似乎没有得到我想要的东西,而是做了更多的合并.

{
  "field1-1": 1,
  "field1-2": 2,
  "field1-3": 3,
  "field1-4": "four",
  "field1-5":
  {
    "field1-1-1": 5.1,
    "field1-1-2": 5.2
  }
}

和

{
  "field2-1": 21,
  "field2-2": 22,
  "field2-3": "three",
  "field2-4":
  {
    "field2-1-1": 4.1,
    "field2-1-2": 4.2
  }
}

我希望最终结果是:

{
  "field1-1": 1,
  "field1-2": 2,
  "field1-3": 3,
  "field1-4": "four",
  "field1-5":
  {
    "field1-1-1": 5.1,
    "field1-1-2": 5.2
  }
},
{
  "field2-1": 21,
  "field2-2": 22,
  "field2-3": "three",
  "field2-4":
  {
    "field2-1-1": 4.1,
    "field2-1-2": 4.2
  }
}

Answer 1

所以你想要一个数组:

var array = [object1, object2];

var object1 = { "field1-1": 1, "field1-2": 2, "field1-3": 3, "field1-4": "four", "field1-5": { "field1-1-1": 5.1, "field1-1-2": 5.2 } },
    object2 = { "field2-1": 21, "field2-2": 22, "field2-3": "three", "field2-4": { "field2-1-1": 4.1, "field2-1-2": 4.2 } },
    array = [object1, object2];

document.write('<pre>' + JSON.stringify(array, 0, 4) + '</pre>');

如果您想获得单个对象,则可以使用此提议.

它使用对象迭代数组,然后遍历对象的键.原始对象的值将分配给新对象的相应属性.

var object1 = { "field1-1": 1, "field1-2": 2, "field1-3": 3, "field1-4": "four", "field1-5": { "field1-1-1": 5.1, "field1-1-2": 5.2 } },
    object2 = { "field2-1": 21, "field2-2": 22, "field2-3": "three", "field2-4": { "field2-1-1": 4.1, "field2-1-2": 4.2 } },
    object = function (array) {
        var o = {};
        array.forEach(function (a) {
            Object.keys(a).forEach(function (k) {
                o[k] = a[k];
            });
        });
        return o;
    }([object1, object2]);

document.write('<pre>' + JSON.stringify(object, 0, 4) + '</pre>');

Answer 2

除非我弄错了,否则你想要的结果看起来像一个包含两个对象的简单数组:

var result = [objectOne, objectTwo];

这与想要将两个对象连接(或合并)到一个对象(这是什么angular.extend或Object.assign将要做什么)完全不同.