javascript - React 映射数组并仅返回标签

Question

我在 React 中有一个组件需要通过一个简单的数组进行映射:

var data = [{ older: 2 }, { "Nov 23": 0 }, { "Nov 24": 0 }, { "Nov 25": 3 }];

我需要映射这个数组，以便它创建一个仅包含标签的新数组即

[“旧”、“11 月 23 日”、“11 月 24 日”、“11 月 25 日”]

这是如何完成的？先感谢您。

Answer 1

您有一个对象数组，并且想要获取一个字符串数组。
您可以使用 map 数组方法和 keys 对象方法，如下所示:

var labels = data.map(obj => Object.keys(obj)[0])

你会得到:

//[“旧”、“11 月 23 日”、“11 月 24 日”、“11 月 25 日”]