如何在数组中循环每个 idx 的对象属性？ [复制]答案

【问题标题】：How to loop every idx's object property in an Array? [duplicate]如何在数组中循环每个 idx 的对象属性？ [复制]
【发布时间】：2019-10-07 03:21:41
【问题描述】：

我是编码新手，这种情况给我带来了很大的问题。我正在使用 reactjs，在一个函数中我有这样的道具：

const{a,b,c,d,e,f,g,h} = props

所以'props'是一个对象，'c'是一个数组，'c'里面有100个对象，范围从'idx' 0到99，所有这些对象都有一个相同的属性调用'x'，'x'值是布尔值“真”或“假”。我想知道循环遍历所有这 100 个对象的最佳方法，以便返回“真”或“假”

基本上c是这样的：

let c = [{x:true},{x:true},{x:false}];

我只知道这么多

console.log ('show value', props.c[idx])

在此对象内显示键和值，但不能通过 props.c[idx].x 获取我想要的键。我想我在某些地方错了。请帮忙

奖励：我想知道这一点，所以对于每个“真”，都会出现一个按钮 TRUE，反之亦然，有点像这样

{!x (<button> False </button>)}

【问题讨论】：

props.c.map(v=> console.log(v.id)) ?

标签： javascript reactjs loops

【解决方案1】：

您的问题有点难以解释。但这不是你要找的吗（我使用 3 个元素的数组，但它应该适用于其中的 100 个元素）：

let c = [{x:true},{x:true},{x:false}]; 
console.log(c.map(c=>c.x));

【讨论】：

【解决方案2】：

假设您的 props 数据结构如下所示。

var props= {c : [{x:false},{x:true},{x:false},{x:true},{x:false},{x:true},{x:true}]}

那么你的访问方法确实是正确的。在下面工作 sn-p！

var props= {c : [{x:false},{x:true},{x:false},{x:true},{x:false},{x:true},{x:true}]}

console.log("props.c[idx] value is : ",props.c[0])
console.log("props.c[idx].x value is : ",props.c[0].x)

console.log("=================================================");
//loop through all
for(idx in props.c){
    console.log("Loop ",idx," : ",props.c[idx].x);
}

【讨论】：