在对象数组中获取键的名称 - JS

Question

我有一个例如

的数组

humans:[
  dave: {
   ...daveData
  },
  mike: { 
   ...mikeData
  }
]

现在调用human[0]会返回{..daveData}，但如何才能将KEY的 NAME 表示'dave'，'mike'作为字符串。抱歉，如果我重复自己，但我没有找到类似的问题。

另外说我使用React来渲染

标签使用array.map（）

Answer 1

您的数组无效，假设您的数组是这样的注释：

const humans = [
  {
   dave: 'bar' // or whatever, doesn't need to be a string
  },
  {
   mike: 'baz'
  }
];

然后你可以：

＆＃13;

＆＃13;

const humans = [
  {
   dave: 'bar'
  },
  {
   mike: 'baz'
  }
];

const myKeys = humans.map(x => Object.keys(x)[0]);

console.log(myKeys)

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用reduce功能和spread operator。

请查看此代码段

var data = [{dave: {}}, {mike: {}}, {'Георги': {}}, {'Димитранов': {}}];

var results = data.reduce((a, c) => [...a, ...Object.keys(c)], []);

console.log(results);

资源

• Array.prototype.reduce()
• Spread operator (...)