Question

我对Javascript的态度不是很强。我有一个嵌套数组，它是后端数据的JSON表示。它显示了每个校样中使用的校样和图像列表。它看起来如下：

var project = [{
    "proof":"Proof_1",
    "images":[
        {
            "image_id":"12469",
            "name":"1911791794.jpg",
        },
        {
            "image_id":"12470",
            "name":"1911802897.jpg"
        },
        {
            "image_id":"12471",
            "name":"1911761073.jpg"
        }
},
{
    "proof":"Proof_2",
    "images":[
        {
            "image_id":"12469",
            "name":"1911791794.jpg",
        },
        {
            "image_id":"12470",
            "name":"1911802897.jpg"
        }
}];

我想将image_count添加到每个证明部分，以便修改后的数据结构如下所示：

var project = [{
    "proof":"Proof_1",
    "image_count": 3, //<----this is new property I want to add
    "images":[
        {
            "image_id":"12469",
            ...

我检查了一些答案，但由于我对javascript迭代的理解不足，我无法完成这项工作。

当我这样做时： for（项目中的var证明） { 的console.log（证明）; }

我刚刚打印出0,1,2 ...等。我没有得到这个，所以我帮助一个人来帮助我理解如何添加我想要的这个属性。

提前致谢。

Answer 1

您可以利用Array.prototype.map方法：

project = project.map(function (item) {
    item.image_count = item.images.length;
    return item;
});

Working demo.

另外，正如@Sebastian Lasse所指出的那样 - 你应该使用复数形式命名你的数组以避免混淆（projects而不是project）。

Answer 2

您可以使用.map或简单循环

var projects = [{
  "proof": "Proof_1",
  "images": [{
    "image_id": "12469",
    "name": "1911791794.jpg",
  }, {
    "image_id": "12470",
    "name": "1911802897.jpg"
  }, {
    "image_id": "12471",
    "name": "1911761073.jpg"
  }]
}, {
  "proof": "Proof_2",
  "images": [{
    "image_id": "12469",
    "name": "1911791794.jpg",
  }, {
    "image_id": "12470",
    "name": "1911802897.jpg"
  }]
}];

projects = projects.map(function (element) {
  element.image_count = element.images.length;
  return element;
});

console.log(projects);

var len = projects.length, i;
for (i = 0; i < len; i++) {
    projects[i].image_count = projects[i].images.length;
}

console.log(projects);

Answer 3

您可以 - 在更正JSON中丢失的]错误后执行此操作：

project.forEach(function(proof) {
    proof.image_count = proof.images.length;
})

演示 - ＆gt;的 http://jsfiddle.net/dLd8wvpb/

javascript：循环遍历嵌套对象/数组并添加属性

3 个答案: