正文

学会JS自定义排序：轻松掌握数组排序技巧，告别默认规则！

/0 浏览量
1114

在JavaScript中，数组是一个非常常见的内置对象，它提供了许多实用的方法，其中之一就是sort()。默认情况下，sort()方法按照数组元素的字符串 Unicode 码点进行排序。但很多时候，我们可能需要根据不同的需求对数组进行自定义排序。今天，就让我们一起来探索JavaScript中自定义排序的技巧，告别默认规则，让你的代码更加灵活和强大。

1. 理解默认排序规则

首先，我们先来看看JavaScript的默认排序规则。默认情况下，sort()方法会按照数组元素的字符串 Unicode 码点进行排序。例如：

let arr = ['banana', 'apple', 'orange'];
arr.sort();
console.log(arr); // 输出：["apple", "banana", "orange"]

在这个例子中，尽管apple在字典上排在banana之前，但由于a的Unicode码点小于b，所以apple被排在了前面。

2. 自定义排序函数

为了实现自定义排序，我们需要提供一个比较函数（Comparator Function）给sort()方法。比较函数接收两个参数（通常是数组中的相邻两个元素），返回一个小于、等于或大于0的值，以确定它们的排序顺序。

以下是一个简单的比较函数示例，用于按照字典顺序对字符串数组进行排序：

let arr = ['banana', 'apple', 'orange'];
arr.sort((a, b) => a.localeCompare(b));
console.log(arr); // 输出：["apple", "banana", "orange"]

在这个例子中，我们使用了localeCompare()方法，它根据元素在当前区域设置的字典顺序返回一个数字。如果返回值小于0，则认为第一个参数小于第二个参数；如果返回值大于0，则认为第一个参数大于第二个参数。

3. 排序数字数组

对于数字数组，我们可以使用类似的方法，只是比较函数的逻辑有所不同：

let arr = [5, 3, 9, 1, 4];
arr.sort((a, b) => a - b);
console.log(arr); // 输出：[1, 3, 4, 5, 9]

在这个例子中，我们比较两个数字的差值，以确定它们的排序顺序。

4. 排序对象数组

在实际应用中，我们经常需要对包含多个属性的对象数组进行排序。以下是一个例子：

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

arr.sort((a, b) => a.age - b.age);
console.log(arr);
// 输出：
// [
//   { name: 'Bob', age: 25 },
//   { name: 'Alice', age: 30 },
//   { name: 'Charlie', age: 35 }
// ]

在这个例子中，我们按照对象的age属性进行排序。

5. 降序排序

要实现降序排序，我们只需在比较函数中反转比较的结果：

let arr = [5, 3, 9, 1, 4];
arr.sort((a, b) => b - a);
console.log(arr); // 输出：[9, 5, 4, 3, 1]

6. 总结

通过本文的学习，我们掌握了JavaScript中自定义排序的技巧。在实际应用中，根据不同的需求，我们可以灵活运用这些技巧对数组进行排序。希望这篇文章能帮助你更好地理解和运用JavaScript的sort()方法。

-- 展开阅读全文 --