如何在JavaScript中使用Firebase的orderBy功能实现排序？

1. 优先检查数据遍历逻辑 #

这是排序不生效的最高频原因：Firebase Realtime Database 返回的 DataSnapshot 本身携带排序信息，但如果直接调用 .val() 转为普通JS对象，JS对象的键遍历是无序的，会直接丢失服务端返回的排序结果。
错误示例：

ref.on('value', (snapshot) => {
  const userData = snapshot.val();
  // 直接遍历普通对象，顺序不固定
  for (const userId in userData) {
    console.log(userData[userId]);
  }
})

正确遍历方式：使用 snapshot.forEach 按服务端返回的排序顺序遍历子节点：

ref.orderByChild('score').limitToLast(10).on('value', (snapshot) => {
  const sortedUsers = [];
  snapshot.forEach((childSnap) => {
    sortedUsers.push({
      uid: childSnap.key,
      ...childSnap.val()
    })
  })
  // sortedUsers 即为按score升序排列的结果
  // 如需降序直接反转数组即可：sortedUsers.reverse()
})

2. 检查数据库规则配置 #

确认 .indexOn 规则配置在 users 节点层级，而非根节点：

{
  "rules": {
    "users": {
      ".indexOn": "score",
      ".read": "auth != null", // 按自己的业务规则配置即可
      ".write": "auth != null"
    }
  }
}

规则配置完成后等待1-2分钟生效，再重新发起请求测试。

3. 排除本地缓存干扰 #

如果开启了本地持久化缓存，可能存在旧数据未加载索引的情况，可以尝试清理浏览器缓存后重新测试，或者临时添加如下代码重置连接后测试：

firebase.database().goOffline();
firebase.database().goOnline();

4. 注意 orderByKey 的排序规则 #

orderByKey 是按照节点的字符串格式键名排序，而非数字大小排序，例如键名 10 会排在 2 前面，如需要按数字大小排序，建议把数字存为子节点字段，使用 orderByChild 排序。

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