js 对象 sort key

在JavaScript中，sort 方法用于对数组的元素进行排序。默认情况下，sort 方法会将数组元素转换为字符串，然后按照UTF-16字符编码的顺序进行排序。然而，sort 方法也可以接受一个比较函数作为参数，这个比较函数可以用来定义排序的规则。

当涉及到对象数组时，我们通常希望根据对象的某个属性（即 key）来进行排序。下面是一个示例，展示了如何根据对象的某个属性进行排序：

const data = [
  { name: 'Alice', age: 30 },
  { name: 'Bob', age: 25 },
  { name: 'Charlie', age: 35 }
];

// 根据 age 属性进行升序排序
data.sort((a, b) => a.age - b.age);

console.log(data);
// 输出:
// [
//   { name: 'Bob', age: 25 },
//   { name: 'Alice', age: 30 },
//   { name: 'Charlie', age: 35 }
// ]

基础概念

1. 比较函数：sort 方法的比较函数接受两个参数（通常称为 a 和 b），并返回一个数值：
   • 如果返回值小于 0，则 a 排在 b 之前。
   • 如果返回值等于 0，则 a 和 b 的顺序不变。
   • 如果返回值大于 0，则 a 排在 b 之后。

• 稳定性：ES2019 规范保证了 sort 方法的稳定性，即相等元素的相对顺序不会改变。

相关优势

• 灵活性：通过自定义比较函数，可以轻松实现各种复杂的排序逻辑。
• 简洁性：代码简洁易懂，易于维护。

类型与应用场景

• 数字排序：如上例所示，可以直接通过减法操作符进行数字排序。
• 字符串排序：如果属性是字符串，可以直接比较。
• 日期排序：可以将日期转换为时间戳进行比较。
• 多条件排序：可以组合多个条件进行复杂排序。

遇到的问题及解决方法

问题：排序结果不符合预期。 原因：可能是比较函数的逻辑有误，或者在处理特殊值（如 NaN 或 undefined）时没有进行适当的处理。

解决方法：

1. 检查比较函数的逻辑，确保它正确地反映了排序意图。
2. 对特殊值进行处理，例如：

data.sort((a, b) => {
  const ageA = a.age ?? Number.NEGATIVE_INFINITY;
  const ageB = b.age ?? Number.NEGATIVE_INFINITY;
  return ageA - ageB;
});

这样，如果 age 属性是 undefined 或 null，它会被视为负无穷大，从而排在最前面。

通过这种方式，可以确保排序逻辑的健壮性和正确性。