如何按pnum字段顺序展示Firebase Firestore中的数据？

要实现按pnum字段排序展示，有两种可行方案，优先推荐服务端查询时排序，效率更高：

方案一：Firestore服务端排序（推荐） #

直接在查询时指定按pnum字段升序排列（Firestore默认升序，正好匹配你pnum从1递增的需求），修改查询代码即可：

// 修改查询语句，添加orderBy('pnum')
store.collection('entries').orderBy('pnum').get().then(snapshot => {
  setupSite(snapshot.docs);
});

const setupSite = (data) => {
  let html = ``;
  data.forEach(doc => {
    const entry = doc.data();
    const list = `<a href="${entry.path}">${entry.title}</a>`;
    html += list;
  });
  document.body.innerHTML += html;
}

这样Firestore会直接返回已经按pnum从小到大排序好的文档集合，无需客户端额外处理。

方案二：客户端本地排序（备选） #

如果因为权限或其他限制无法在服务端排序，可以在获取到数据后，在客户端对文档数组进行排序：

store.collection('entries').get().then(snapshot => {
  // 按pnum字段升序排序文档数组
  const sortedDocs = snapshot.docs.sort((docA, docB) => {
    return docA.data().pnum - docB.data().pnum;
  });
  setupSite(sortedDocs);
});

const setupSite = (data) => {
  let html = ``;
  data.forEach(doc => {
    const entry = doc.data();
    const list = `<a href="${entry.path}">${entry.title}</a>`;
    html += list;
  });
  document.body.innerHTML += html;
}

注意事项 #

• 确保你的Firestore规则允许读取pnum字段，否则服务端排序会失败。
• 既然你提到每个文档的pnum是依次递增1的，不会有重复值，两种方案都能完美生效；如果后续出现重复pnum的情况，服务端排序可以再加一个排序字段（比如文档ID）来保证排序的稳定性。

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