AngularJS列表自定义排序需求：调整对象列表展示顺序

这是个很常见的自定义排序需求，我给你提供几种实用的实现方式，不管你用前端JavaScript还是后端Python都能轻松搞定：

核心思路 #

先定义一个自定义优先级数组/映射，把你想要展示的Id顺序列出来，然后让列表元素根据自己的Id在这个优先级结构中的位置来排序。

JavaScript 实现 #

基础版（适合小数据量）

// 原始数据
const originalData = { 
  "Info":[
    { "Id":1, "shortId":"PH", "description":"Phone" },
    { "Id":2, "shortId":"Email", "description":"Email" },
    { "Id":3, "shortId":"M-AD", "description":"Mailing Address" },
    { "Id":4, "shortId":"B-AD", "description":"Billing Address" },
    { "Id":5, "shortId":"OTH", "description":"Other" }
  ] 
};

// 自定义排序的Id顺序：按你想要的展示顺序排列
const customOrder = [2, 1, 3, 4, 5];

// 执行排序
originalData.Info.sort((a, b) => {
  // 获取两个元素Id在自定义顺序中的索引
  const indexA = customOrder.indexOf(a.Id);
  const indexB = customOrder.indexOf(b.Id);
  // 索引越小，排得越靠前
  return indexA - indexB;
});

// 排序后的结果即可直接用于UI展示
console.log(originalData.Info);

高效版（适合大数据量）

如果你的列表元素很多，用indexOf会有O(n)的查找开销，建议把自定义顺序转换成映射对象，将查找复杂度降到O(1)：

const orderMap = {
  2: 0, // Email 排第1位
  1: 1, // Phone 排第2位
  3: 2, // Mailing Address 排第3位
  4: 3, // Billing Address 排第4位
  5: 4  // Other 排第5位
};

originalData.Info.sort((a, b) => orderMap[a.Id] - orderMap[b.Id]);

Python 实现 #

# 原始数据
original_data = {
    "Info": [
        {"Id": 1, "shortId": "PH", "description": "Phone"},
        {"Id": 2, "shortId": "Email", "description": "Email"},
        {"Id": 3, "shortId": "M-AD", "description": "Mailing Address"},
        {"Id": 4, "shortId": "B-AD", "description": "Billing Address"},
        {"Id": 5, "shortId": "OTH", "description": "Other"}
    ]
}

# 自定义Id顺序
custom_order = [2, 1, 3, 4, 5]

# 使用lambda表达式作为排序key，根据Id在custom_order中的索引排序
original_data["Info"].sort(key=lambda x: custom_order.index(x["Id"]))

# 输出排序后的结果
print(original_data["Info"])

这种方案的优势在于灵活性极强：后续如果需要调整展示顺序，只需要修改customOrder数组或者orderMap的映射关系即可，完全不需要改动排序逻辑本身。

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