Question

我有一个JSON数组：

var row={ shopId: 3, shopName: '1', address: 'abc', contactNumber: 1234 }

我有一个数组：

var data= [ { imageId: 1, shopId: 3, imageUrl: 'aaa' },
            { imageId: 2, shopId: 3, imageUrl: 'bbb' } ]

我必须合并这两个并输出如下：

var result = {
    shopId: 3,
    shopName: '1',
    address: 'abc',
    contactNumber: 1234,
    image: [{
        imageId: 1,
        shopId: 3,
        imageUrl: 'aaa'
    }, {
        imageId: 2,
        shopId: 3,
        imageUrl: 'bbb'
    }]
}

Answer 1

您可以撰写row['image'] = data;或row.image = data;

Answer 2

只需将data分配给row.image，就像这样：

＆＃13;

var row = {
  shopId: 3,
  shopName: '1',
  address: 'abc',
  contactNumber: 1234
}

var data = [{
  imageId: 1,
  shopId: 3,
  imageUrl: 'aaa'
}, {
  imageId: 2,
  shopId: 3,
  imageUrl: 'bbb'
}]

var result = row.image = data;

console.log(row)

＆＃13;

Answer 3

如果数据包含{3}以外的filter的对象，则可以使用shopId：

＆＃13;

    var row={ shopId: 3, shopName: '1', address: 'abc', contactNumber: 1234 }

    var data= [ { imageId: 1, shopId: 3, imageUrl: 'aaa' },
                { imageId: 2, shopId: 3, imageUrl: 'bbb' },
                { imageId: 2, shopId: 5, imageUrl: 'bbb' }];

row.images = data.filter( el => el.shopId == row.shopId);

console.log(row);

＆＃13;

Answer 4

如果您不想修改原件，也可以使用

＆＃13;

var  row = { shopId: 3, shopName: '1', address: 'abc', contactNumber: 1234 },
    data = [ { imageId: 1, shopId: 3, imageUrl: 'aaa' }, { imageId: 2, shopId: 3, imageUrl: 'bbb' } ],
   combo = Object.assign({},row,{["image"]:data});
console.log(combo);

＆＃13;

如何将数组合并到json以形成预期结果

4 个答案: