Firebase中使用orderByChild的查询为何返回链接地址？

你仅完成了带排序规则的查询引用构造，没有执行实际的数据拉取操作。
query() 方法本身不会向数据库发起数据请求，它的作用只是生成绑定了排序、筛选规则的数据库路径引用，你直接打印这个引用对象，输出的自然是引用对应的数据库路径地址，而非排序后的数据集。

构造完查询后，必须通过官方提供的取数方法触发实际请求，拿到数据快照后再遍历获取排序后的结果，以一次性拉取数据为例，代码如下：

// 注意按需引入对应方法
import { getDatabase, ref, query, orderByChild, get } from "firebase/database";

const db = getDatabase();
const playersByPoints = query(
  ref(db, 'usersPoints'),
  orderByChild('points')
);

// 发起查询请求
get(playersByPoints)
  .then((snapshot) => {
    if (!snapshot.exists()) {
      console.log("未查询到玩家积分数据");
      return;
    }
    const sortedPlayerList = [];
    // 必须使用快照的forEach方法遍历，才能保证顺序和排序规则一致
    snapshot.forEach((childSnapshot) => {
      sortedPlayerList.push({
        userId: childSnapshot.key,
        ...childSnapshot.val()
      });
    });
    console.log("按积分升序排列的玩家数据：", sortedPlayerList);
  })
  .catch((error) => {
    console.error("查询出错：", error);
  });

• 不要直接对查询返回的快照调用val()获取结果：val()返回的是原生JavaScript对象，JS对象的属性遍历顺序不保证和数据库查询的排序规则一致，只有通过快照自带的forEach遍历，才能拿到符合排序要求的结果顺序。
• 如果需要实时同步数据变化（比如玩家积分更新后列表自动刷新），可以将get()替换为onValue()监听方法，在组件/页面卸载时记得调用取消监听的方法，避免内存泄漏。

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