遍历对象数组未获预期输出，trendingTopics.data返回null如何解决？

你的trendingTopics是一个数组（外层被[]包裹），数组本身并没有data属性，所以直接调用trendingTopics.data会返回undefined或null。要获取其中的data数据，需要先定位到数组内的对象元素，再访问其data属性。

具体解决方法 #

1. 针对数组仅含单个元素的场景 #

直接通过索引0获取数组中的第一个对象，再提取data：

const trendingTopicsData = trendingTopics[0].data;
// 遍历获取到的data数组
trendingTopicsData.forEach(item => {
  console.log(item.text_name, item.text_url);
});

2. 针对数组含多个元素的场景 #

如果外层数组可能有多个对象，可遍历外层数组，逐个提取每个对象的data：

// 收集所有data中的内容到一个数组
const allDataItems = [];
trendingTopics.forEach(topicItem => {
  allDataItems.push(...topicItem.data);
});

// 或者保留每个对象的data数组结构
const allDataArrays = trendingTopics.map(topicItem => topicItem.data);

3. 解构赋值简化写法（单个元素场景） #

用解构直接取出数组第一个对象，再访问data：

const [firstTopic] = trendingTopics;
const trendingTopicsData = firstTopic.data;

内容的提问来源于stack exchange，提问作者navdhiman