Question

我的数据为：

 data =     [
            { 
                "name": "James Angus", 
                "age" : "22", 
                "job": "Dentist" 
            },
            { 
                "name": "Milan Howen", 
                "age" : "36", 
                "job": "Truck Driver" 
            }   
        ];

我正在读这篇文章： -

const renderItems = this.state.data.map(function(item, i) {
       return <li key = {i} > {item.name} < /li> 
 }

这里我给出了读取即item.name的密钥所以它读取所有名称

但如果我不知道关键......我应该如何迭代。

表示所有键都应该读取值而不指定reactjs中的键。

我希望我能够清楚地表达我的问题。

Answer 1

您可以使用Object.keys() API：

＆＃13;

let data = [{
  "name": "James Angus",
  "age": "22",
  "job": "Dentist"
}, {
  "name": "Milan Howen",
  "age": "36",
  "job": "Truck Driver"
}];

data.map((item, id) => {
  Object.keys(item).map((key) => {
    console.log(item[key])
  })
})

＆＃13;

您还可以使用Object.values() API

＆＃13;

let data = [{
  "name": "James Angus",
  "age": "22",
  "job": "Dentist"
}, {
  "name": "Milan Howen",
  "age": "36",
  "job": "Truck Driver"
}];


data.map((item, id) => {
  console.log(Object.values(item))
})

＆＃13;

当您不知道reactjs中的键和值时，请读取地图数据

1 个答案: