在 JavaScript 中，数组的排序是一个非常常见的操作。ES6 引入了箭头函数和解构赋值语法，为数组排序带来了更便捷的方法，但仍然需要手动编写回调函数来处理排序逻辑。而在 ES7 中，新增了一个 Array.prototype.sortBy 方法，可以更加简洁地对数组进行排序。
Array.prototype.sortBy 的用法
Array.prototype.sortBy 方法可以接受一个函数作为参数，这个函数需要返回一个可比较的值。sort 方法会根据返回值对数组进行排序。具体用法如下：
const arr = [{name: 'Tom', age: 20}, {name: 'Jack', age: 18}, {name: 'Lucy', age: 21}];
arr.sortBy(item => item.age);
console.log(arr); // [{name: 'Jack', age: 18}, {name: 'Tom', age: 20}, {name: 'Lucy', age: 21}]在上面的示例中，我们以年龄作为排序的依据，实现了对数组的排序。
Array.prototype.sortBy 的深入学习
Array.prototype.sortBy 与传统的 sort 方法有何不同呢？在使用 sortBy 方法时，我们不需要手动编写回调函数来对数组的元素进行处理。我们只需要传递一个用于比较的键名，sortBy 方法会自动将每个元素传递给比较函数，然后将它们进行排序。sortBy 方法也允许我们指定升序或降序排序，只需要将返回值乘以 -1 即可。
如果对应的键名不存在或者 null 值，sortBy 方法会返回 undefined。因此，建议在使用 sortBy 方法前，先做好错误处理的准备。另外，如果传递给 sortBy 方法的值是数字，建议使用 || 0 或默认值语法来避免空值。
Array.prototype.sortBy 的指导意义
使用 sortBy 方法，我们不仅可以简化代码，还可以使代码更具可读性，功能相对更加明确。使用 sortBy 方法后，代码不再关注元素比较的细节，而是集中关注业务逻辑。
使用 sortBy 方法可以提高代码质量和可维护性，它可以减少代码出错的概率，避免在比较元素时忘记处理某些特殊情况。它也可以缩短开发时间，使我们的代码更加珍贵。
示例代码
下面是一个更复杂的示例，演示将数组按年龄和名字排序的过程。
const arr = [{name: 'Tom', age: 20}, {name: 'Jack', age: 18}, {name: 'Lucy', age: 21}, {name: 'Amy', age: 18}];
arr.sortBy(item => [item.age, item.name]);
console.log(arr); // [{name: 'Amy', age: 18}, {name: 'Jack', age: 18}, {name: 'Tom', age: 20}, {name: 'Lucy', age: 21}]在这个示例中，我们将年龄和名字组成一个数组返回，以实现更加细致的排序。
总结
Array.prototype.sortBy 是一种更快捷、更清晰、更可维护的排序方式。在处理数组排序时，建议使用 sortBy 方法来提高代码质量。我们可以通过本文中提供的示例代码，更好地掌握 sortBy 的使用方法和意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647beefd968c7c53b072f785