AngularFire2按score字段排序Firebase学生列表失败，求解决方案

我的Firebase数据库结构如下：

"students" : {
  "-LDD0MIigieZQ3Fcaj1Z" : {
    "ContactNo" : "0752155466",
    "Email" : "sdsdsd@sdsd.com",
    "FirstName" : "Ishana",
    "Gender" : "Female",
    "LastName" : "Dahanayake",
    "Password" : "1234",
    "score" : 6
  },
  "-LDD0ceFiy2RI1avfMWA" : {
    "ContactNo" : "0752155466",
    "Email" : "232323@sdsd.com",
    "FirstName" : "Ruwan",
    "Gender" : "Male",
    "LastName" : "Perera",
    "Password" : "1234",
    "score" : 1
  }
}

我尝试用以下代码按score字段排序学生数据，但结果并没有按score值的顺序排列：

let ref = this.afDB.list('/students',ref=>ref.orderByChild('score')).snapshotChanges()
  .map(changes =>{
    return changes.map(c=> ({key:c.payload.key,...c.payload.val()}));
  });
return ref;

请问该怎么实现正确的排序？

问题排查与解决方法 #

1. 先给score字段配置数据库索引 #

Firebase Realtime Database必须为要排序的字段配置索引，否则orderByChild大概率无法正常工作。你需要在数据库规则里添加这段配置：

{
  "rules": {
    "students": {
      ".indexOn": "score"
    }
  }
}

配置完成后记得发布规则，再重新测试你的代码。这是最常见的排序失效原因。

2. 确认score字段的数据类型统一 #

虽然你的数据库示例里score是数字，但有时候前端存储时可能不小心把它存成了字符串（比如用户输入后没转类型）。如果部分score是字符串、部分是数字，排序结果会彻底混乱。你可以逐个检查学生节点的score类型，确保全都是数字格式。

3. 检查数据流的订阅环节 #

如果你用的是AngularFire，snapshotChanges()返回的是可观察对象，得确保你在订阅时正确拿到了排序后的数据。比如在组件里可以先打印验证：

this.yourStudentService.getSortedStudents().subscribe(students => {
  console.log('排序后的学生数据：', students);
});

如果控制台里的结果已经是排序好的，但页面显示不对，那问题就出在前端渲染逻辑，和数据库查询无关。

4. 可选：显式控制排序方向 #

如果需要降序排列，除了依赖数据库端的limitToLast，也可以在前端对数据做二次处理：

// 前端实现降序排序示例
.map(changes => {
  return changes.map(c=> ({key:c.payload.key,...c.payload.val()}))
    .sort((a,b) => b.score - a.score);
});

不过还是优先让数据库端完成排序，这样更高效，尤其数据量较大的时候。

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