AngularJS中如何排序使对象内指定ID的条目优先展示

你可以通过Object.entries()将对象转为可排序的键值对数组，再自定义排序规则将指定ID的条目前置，示例代码如下：

// 原始对象
const rawData = { 
  1 : [{ id : 1 , name : 'toto'}],
  9: [{ id : 9 , name : 'toto'}],
  15 : [{ id : 15 , name : 'toto'}]
};
// 指定要优先展示的ID
const priorityId = 9;
// 转为数组后自定义排序
const sortedList = Object.entries(rawData).sort((a, b) => {
  // 把键转为数字类型比较
  const keyA = Number(a[0]);
  const keyB = Number(b[0]);
  // 优先匹配目标ID
  if (keyA === priorityId) return -1;
  if (keyB === priorityId) return 1;
  // 其他ID可按需求排序，这里示例按数值升序
  return keyA - keyB;
});

如果需要转回对象格式，直接用Object.fromEntries()处理排序后的数组即可：

const sortedObj = Object.fromEntries(sortedList);

注意事项 #

• 普通JS对象的数字键会默认按数值升序存储，ES6+之后按插入顺序排序的规则仅适用于非数字类型的键，如果你需要严格保证顺序，推荐直接使用排序后的数组来渲染。
• 如果有多个需要优先排序的ID，可以把priorityId换成优先级数组，通过indexOf获取优先级权重来排序。

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