返回对象数组的键名

时间:2017-11-22 03:48:38

标签: javascript arrays reactjs

我有来自API的数据并且所有工作都很完美,但我怎样才能获取关键名称以获取外部地图?

这是我的数据json

[
  {
      "topic": "HAIRPORT",
      "percentage": 90
  }, 
  {
      "topic": "TECHTRIX",
      "percentage": 67
  }
]

这是我当前的代码

const data = this.state.topics;
console.log(data)

我想在地图

之外获取关键名称百分比和主题

所以这是我上传图片enter image description here

2 个答案:

答案 0 :(得分:1)

循环遍历数组,然后使用for..in查找每个对象中的键。请尝试以下方式:

var data = [
  {
      "topic": "HAIRPORT",
      "percentage": 90
  }, 
  {
      "topic": "TECHTRIX",
      "percentage": 67
  }
];
data.forEach(function(item, i){
  for(var key in item)
    console.log(key)
});

答案 1 :(得分:1)

尝试使用:

Object.keys(this.state.topics[0])



const data = [
  {
      "topic": "HAIRPORT",
      "percentage": 90
  }, 
  {
      "topic": "TECHTRIX",
      "percentage": 67
  }
]

const keys = Object.keys(data[0]);

console.log(keys);
console.log(keys[0]);
console.log(keys[1]);