深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法

Array.sort()是JavaScript中的一个内置函数，可以对数组进行排序操作。在使用这个函数的时候，很多人并不清楚它的使用技巧，导致排序操作的结果并不如预期。本文将深入聊聊Array的sort方法的使用技巧，并详细点评protype.js中的sortBy方法。

Array.sort()的使用

在使用Array.sort()方法时，需要注意以下几点：

1. 不传递参数时默认按照字母表顺序排序

如果不传递参数，Array.sort()方法默认按照字母表顺序进行排序。这意味着在对数字类型的数组进行排序时，实际排序的结果并不是预期的。

const numbers = [11, 2, 22, 4, 33, 8, 1];
console.log(numbers.sort());
// 结果：[1, 11, 2, 22, 33, 4, 8]

2. 传递一个比较函数作为参数

如果想要对数字类型的数组进行排序，需要传递一个比较函数作为Array.sort()方法的参数。比较函数需要接收两个参数a和b，表示将要被比较的两个元素。比较函数需要返回以下三种值中的一种：

• 如果a < b，则返回小于0的值
• 如果a > b，则返回大于0的值
• 如果a = b，则返回0

const numbers = [11, 2, 22, 4, 33, 8, 1];
console.log(numbers.sort((a, b) => a - b));
// 结果：[1, 2, 4, 8, 11, 22, 33]

3. 传递一个自定义的比较函数

在使用Array.sort()方法时，还可以传递一个自定义的比较函数。比较函数可以根据自己的需求来排序数组中的元素。

const users = [
  { name: "John", age: 25 },
  { name: "Jane", age: 30 },
  { name: "Bob", age: 20 },
];

users.sort((a, b) => a.age - b.age);
console.log(users);
// 结果：[
//   { name: 'Bob', age: 20 },
//   { name: 'John', age: 25 },
//   { name: 'Jane', age: 30 },
// ]

protype.js中的sortBy方法

protype.js是一个以扩展JavaScript原生对象为目的的js库。它为JavaScript的内置对象添加了一些有用的方法，其中就包括了sortBy方法。sortBy方法可以在数组中根据指定的属性进行排序。

1. sortBy方法的基本使用

下面的示例展示了如何使用sortBy方法对一个对象数组根据其中的一个属性进行排序。

const users = [
  { name: "John", age: 25 },
  { name: "Jane", age: 30 },
  { name: "Bob", age: 20 },
];

users.sortBy("age");
console.log(users);
// 结果：[
//   { name: 'Bob', age: 20 },
//   { name: 'John', age: 25 },
//   { name: 'Jane', age: 30 },
// ]

2. sortBy方法的高级使用

在使用sortBy方法时，可以通过传递第二个参数来进行更高级的排序操作。第二个参数可以是一个函数，用来对数组中的元素进行转换。这个函数会在排序之前被调用，返回一个用来比较的值。下面是一个示例：

const users = [
  { name: "John", age: 25 },
  { name: "Jane", age: 30 },
  { name: "Bob", age: 20 },
];

users.sortBy("name", (name) => name.toLowerCase());
console.log(users);
// 结果：[
//   { name: 'Bob', age: 20 },
//   { name: 'Jane', age: 30 },
//   { name: 'John', age: 25 },
// ]

在这个示例中，我们使用sortBy方法对users数组进行排序，以name属性为排序依据。为了实现对字符串的大小写无感知的排序，我们传递了一个函数作为第二个参数。这个函数将name属性全部转换为小写字母，以便正确比较大小写不同的字符串。

结论

在使用Array.sort()方法时需要注意传递正确的比较函数，以实现正确的排序结果。同时，protype.js中的sortBy方法可以简化对对象数组的排序操作，特别是在需要按照对象属性进行排序的情况下。