Javascript 如何循环每个idx';数组中的对象属性?

Javascript 如何循环每个idx';数组中的对象属性?,javascript,reactjs,loops,Javascript,Reactjs,Loops,我对编码还不熟悉,这种情况对我来说是一个相当大的问题。我正在使用reactjs,在一个函数中,我有如下道具: const{a,b,c,d,e,f,g,h} = props let c = [{x:true},{x:true},{x:false}]; 所以“props”是一个对象,“c”是一个数组,“c”中有100个对象,范围从“idx”0到99,所有这些对象都有一个相同的属性调用“x”,“x”值是布尔值“true”或“false”。我想知道循环所有这100个对象的最佳方法,这样它将返回“tr

我对编码还不熟悉,这种情况对我来说是一个相当大的问题。我正在使用reactjs,在一个函数中,我有如下道具:

const{a,b,c,d,e,f,g,h} = props
let c = [{x:true},{x:true},{x:false}];
所以“props”是一个对象,“c”是一个数组,“c”中有100个对象,范围从“idx”0到99,所有这些对象都有一个相同的属性调用“x”,“x”值是布尔值“true”或“false”。我想知道循环所有这100个对象的最佳方法,这样它将返回“true”或“false”

基本上,c是这样的:

const{a,b,c,d,e,f,g,h} = props
let c = [{x:true},{x:true},{x:false}];
我只知道

console.log ('show value', props.c[idx])
显示此对象内的键和值,但无法通过props.c[idx].x获取所需的键。我想我在某些地方错了。请帮忙

奖金:我想知道这一点,所以对于每一个“真”,一个按钮真出现,反之亦然,它有点像这样

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

要解释你的问题有点难。但这不是你想要的吗(我使用3个元素的数组,但它应该适用于100个元素):


假设您的道具数据结构如下所示

var props= {c : [{x:false},{x:true},{x:false},{x:true},{x:false},{x:true},{x:true}]}
那么您的访问方法确实是正确的。下面的工作片段

var-props={c:[{x:false},{x:true},{x:false},{x:true},{x:false},{x:true},{x:true}]}
console.log(“props.c[idx]值为:”,props.c[0])
console.log(“props.c[idx].x值为:”,props.c[0].x)
console.log(“===============================================================================”);
//循环所有
for(props.c中的idx){
log(“Loop”,idx,:”,props.c[idx].x);
}
props.c.map(v=>console.log(v.id))