用 JavaScript 中的重复键解析 JSON

Question

我正在使用 Twitter API 来了解趋势（请参阅：https://developer.twitter.com/en/docs/trends/trends-for-location/api-reference/get-trends-place）。

API 返回以下 JSON：

{
  trends: [
    {
      name: 'Boris',
      url: 'http://twitter.com/search?q=Boris',
      promoted_content: null,
      query: 'Boris',
      tweet_volume: 1083274
    },
    {
      name: '#COVID19',
      url: 'http://twitter.com/search?q=%23COVID19',
      promoted_content: null,
      query: '%23COVID19',
      tweet_volume: 2088454
    },
    {
      name: '#WorldHealthDay',
      url: 'http://twitter.com/search?q=%23WorldHealthDay',
      promoted_content: null,
      query: '%23WorldHealthDay',
      tweet_volume: 250817
    }
  ],
  as_of: '2020-04-07T14:06:49Z',
  created_at: '2020-04-07T14:03:32Z',
  locations: [ { name: 'London', woeid: 44418 } ]
}

我想将它转换成一个 Javascript 数组，其中包含键为名称的所有值；即：

arr=["Boris", "#COVID19", "WorldHealthDay"]

我怎样才能做到这一点？根据我的阅读，原生 JavaScript JSON 解析器无法处理重复键。

Answer 1

您的数据：

trends = [
    {
      name: 'Boris',
      url: 'http://twitter.com/search?q=Boris',
      promoted_content: null,
      query: 'Boris',
      tweet_volume: 1083274
    },
    {
      name: '#COVID19',
      url: 'http://twitter.com/search?q=%23COVID19',
      promoted_content: null,
      query: '%23COVID19',
      tweet_volume: 2088454
    },
    {
      name: '#WorldHealthDay',
      url: 'http://twitter.com/search?q=%23WorldHealthDay',
      promoted_content: null,
      query: '%23WorldHealthDay',
      tweet_volume: 250817
    }
  ];

然后使用地图

var ans = trends.map(d => d.name)

结果：

 ans = ["Boris", "#COVID19", "#WorldHealthDay"]

Answer 2

数组可以包含重复的 VALUES，这是您所要求的。数组不包含键，数组中的这些字符串也是 twitter API 返回的 JSON 中的“name”键的值。

为了解决您的问题，例如，使用非常基本的迭代并且没有 Array.map

const data = JSON.parse(data_str);
const arr = [];
for (const trend of data.trends) {
    arr.push(trend.name);
}