如何访问Promise数组中的数据？多次尝试返回undefined求解

看起来你踩了Promise最常见的坑之一——直接把Promise对象当成它的返回值来用啦！

你看到的Promise { RowDataPacket { ... } }说明变量data里的每个元素都是未被解析的Promise实例，而不是实际的行数据。Promise是异步操作的容器，它本身不是最终结果，你得等它“兑现”（resolve）之后，才能拿到包裹在里面的RowDataPacket数据。

核心问题解释 #

• 你直接访问data[0]得到的是一个Promise对象，不是RowDataPacket，所以它没有username这类属性，自然返回undefined
• data本身是数组，当然也不存在username属性，直接访问肯定也拿不到值

正确的处理方式 #

因为你的data是Promise数组，我们需要用Promise.all()来等待所有Promise都完成，拿到解析后的实际数据数组，之后再进行比较和排序。

方法1：用async/await（推荐，代码更易读）

async function handleData() {
  // 等待所有Promise完成，得到解析后的RowDataPacket数组
  const resolvedData = await Promise.all(data);
  
  // 现在可以正常访问数据了
  console.log(resolvedData[0].username); // 输出'name'
  console.log(resolvedData[0].rank); // 输出5

  // 举个排序的例子：按rank升序排列
  const sortedData = resolvedData.sort((a, b) => a.rank - b.rank);
  console.log('排序后的数据:', sortedData);
}

// 调用异步函数
handleData();

方法2：用.then()链式调用

如果不想用async/await，也可以用Promise的链式调用：

Promise.all(data)
  .then(resolvedData => {
    // 在这里处理解析后的真实数据
    console.log(resolvedData[0].email); // 输出'email'
    
    // 进行比较或排序操作
    const highRankUsers = resolvedData.filter(user => user.rank > 3);
    console.log('rank大于3的用户:', highRankUsers);
  })
  .catch(error => {
    // 别忘了处理异步过程中可能出现的错误
    console.error('数据获取失败:', error);
  });

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