遍历jsonlike对象

时间:2019-03-18 16:20:38

标签: react-native

对于Java脚本,我是一个新手(通常是react / react-native),我收到了一个对象,该对象投掷了API,并将响应转换为JSON, 对象的格式如下:

{name1: {…}, name2: {…}, name3: {…}, name4: {…},...}

每个{...}包含"data": number时 我如何遍历所有可能的结果并显示(最好在列表中) 像这样的信息name (i)->number (i)

我想不到这有多大帮助,但这是我到目前为止所拥有的

 return(
  <View>
    <FlatList
      data={this.state.res}
      renderItem={({item}) => <Text>{item.currentVotes}</Text>}
      keyExtractor={({id}) => id}
    />
  </View>

2 个答案:

答案 0 :(得分:0)

这是我想出的答案,虽然不是完美的,但确实有效

var resScreen = []
res=this.state.res
for(a in res){
  resScreen.push(
    <View>
      <Text>{a},{this.state.res[a].currentVotes}</Text>
    </View>
  )
}
return resScreen

答案 1 :(得分:0)

要遍历对象,您需要获取该对象的所有键的数组,最后从该数组进行迭代。

像这样,您可以使用一行获取所有键

let data = {name1: {…}, name2: {…}, name3: {…}, name4: {…},...};
let keys = Object.keys(data);

并只需使用map函数即可遍历数组

keys.map(item=>
<View>
  <Text>{data[item]}</Text>
</View> 
)