JavaScript异步调用场景下数组排序问题求助

问题根源 #

JavaScript的Array.sort()方法的比较函数不支持异步操作——它期望同步返回一个数字（负数、0、正数）来判断元素顺序。你当前的代码里，比较函数返回的是Promise对象，sort()会直接把这个对象转换成NaN，根本不会等待异步操作完成，自然得不到预期的排序结果。

另外你的test函数还有个逻辑错误：不管传入的a和b是什么，都固定读取"a"和"b"的内容，这会导致比较逻辑完全失效。

正确解决方案 #

既然sort()不支持异步，我们可以换个思路：先批量获取所有元素的异步数据，再基于这些数据进行同步排序。

async function getSortedIds() {
  const ids = ["a", "b"];

  // 第一步：批量获取每个id对应的文本长度，保存为{id, length}格式的数组
  const idLengthPairs = await Promise.all(
    ids.map(async (id) => ({
      id,
      length: (await read(id)).length,
    }))
  );

  // 第二步：同步排序，根据length从小到大排列
  idLengthPairs.sort((itemA, itemB) => itemA.length - itemB.length);

  // 第三步：提取排序后的id数组
  const sortedIds = idLengthPairs.map((item) => item.id);
  console.log(sortedIds); // 输出 ["b", "a"]
}

// 你的异步read函数保持不变
async function read(p) {
  if (p === "a") {
    return "aaaaaaaaaaaaaaaaa";
  }
  if (p === "b") {
    return "bbbbbbbb";
  }
}

// 执行排序逻辑
getSortedIds();

代码说明 #

1. Promise.all批量处理异步请求：一次性发起所有read请求，等待全部完成后拿到每个id对应的文本长度，避免了多次异步等待的性能损耗。
2. 同步排序：拿到所有长度数据后，用普通的sort()方法进行同步排序，此时比较函数返回的是明确的数字，排序逻辑正常生效。
3. 提取结果：从排序后的{id, length}数组中提取id，得到最终的排序结果。

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