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

我不是很强大的Javascript。我有一个嵌套数组，它是后端数据的JSON表示。它显示了每个证明中使用的证明和图像列表。它看起来象下面这样：javascript：通过嵌套对象/数组循环并添加属性

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迭代我无法完成这项工作。

当我这么做：（var proof in project） { console.log（proof）; }

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

在此先感谢。

来源

2015-11-07 Undefined Variable

如果你找到了解决办法，请把它标记为一个公认的答案。 –

您可以使用.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);

来源

2015-11-07 11:15:38

您可以Array.prototype.map方法的优点：

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

Working demo.

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

来源

2015-11-07 11:16:14

没错。你应该用复数命名你的数组 - “项目”。这是一个避免混淆的约定。 – sebilasse

为什么downvote？这很有趣。 xD –

正如我所料。没有理由。：D –

你可以 - 纠正你的JSON缺少]错误之后 - 做到这一点：

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

演示 - >http://jsfiddle.net/dLd8wvpb/

来源

2015-11-07 11:18:30 davidkonrad

其实，他想'image_count'而不是'imageCount'。 –

@DanielKmak，谢谢你的推测，我的意见太多了，以至于camelCase :( – davidkonrad

是的，我一开始也想这样做，'camelCase'太简单了。：D –

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

回答

相关问题