如何在AngularFire中基于timespan对以下数组进行排序？

根据你提供的数组结构，我整理了两种常用的排序方式，分别适配不同的使用场景：

1. 数据库层面排序（推荐，高效处理大数据） #

如果你的数据是直接从Firestore获取的，优先在查询阶段就让数据库帮你完成排序，这样能大幅减少前端的计算压力，尤其适合数据量较大的场景。

使用AngularFirestore的collection方法，配合orderBy即可实现：

import { AngularFirestore } from '@angular/fire/compat/firestore';
import { Observable } from 'rxjs';

// 假设你的数据存储在Firestore的"target-collection"集合中
constructor(private afs: AngularFirestore) {}

// 获取按timespan升序排序的数据
getSortedDataAsc(): Observable<any[]> {
  return this.afs.collection('target-collection', ref => ref.orderBy('timespan')).valueChanges();
}

// 获取按timespan降序排序的数据，只需添加第二个参数'desc'
getSortedDataDesc(): Observable<any[]> {
  return this.afs.collection('target-collection', ref => ref.orderBy('timespan', 'desc')).valueChanges();
}

之后你可以在组件中订阅这个Observable，拿到的就是已经排好序的数据集了。

2. 前端本地数组排序（适合已获取到本地的数据集） #

如果你的数据已经是本地的键值对对象（比如你提供的这种以0、1、2、3为键的结构），可以先把它转换成标准数组，再用JavaScript的sort方法处理：

步骤1：将对象转换为数组 #

你的原始数据是键值对形式，先用Object.values()把它转成标准数组：

const rawData = {
  0: {associate_sales: "j72LOAjajLRbKKK0XYfHcCMghdB3", displayName: "Sneh", email: "sneh@email.com", timespan: 1},
  1: {displayName: " Sales4", email: "sales4@email.com", timespan: 1, uid: "2e5piC6E8eO16qDDaP0qPA0LDRJ3"},
  2: {associate_sales: "c8kMXIkXcRgTUInPbdhL5oinbzv2", displayName: " client11", email: "client11@email.com", timespan: 12},
  3: {associate_sales: "j72LOAjajLRbKKK0XYfHcCMghdB3", displayName: "Client1", email: "client1@email.com", timespan: 1522320931451}
};

// 转换为标准数组
const dataArray = Object.values(rawData);

步骤2：执行排序 #

• 升序排序：

// 注意：sort方法会修改原数组，若不想破坏原始数据，可先复制一份：[...dataArray]
const sortedAsc = [...dataArray].sort((a, b) => a.timespan - b.timespan);

• 降序排序：

const sortedDesc = [...dataArray].sort((a, b) => b.timespan - a.timespan);

额外处理：兼容null/undefined的情况 #

如果部分数据的timespan可能为null或undefined，可以添加判断逻辑，把这类数据放到排序结果的末尾：

const sortedSafe = [...dataArray].sort((a, b) => {
  if (a.timespan == null) return 1;
  if (b.timespan == null) return -1;
  return a.timespan - b.timespan;
});

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