6 个用于排序数组的 JavaScript 代码片段

英文 | https://javascript.plainenglish.io/6-javascript-code-snippets-for-sorting-arrays-56a7049f831

翻译 | 杨小爱

有趣的是，我还没有在 Internet 上找到 JavaScript 中排序行为的完整列表。经过一些考虑，我最终决定创建这样一个内容，作为其他 Web 开发人员的学习参考。 

演示用例：查找“arr”的结果

(1) 数值排序 | 上升 [⇣⁰₉]

const arr = [40, 100, 1, 5, 25, 10];
arr.sort(function(a, b){
  return a-b;
});      

之前：[40,100,1,5,25,10]

之后：[1,5,10,25,40,100]

说明：对于数字排序，必须创建 Comparator 实体或比较函数。在上面的代码片段中，这相当于

const compare = function(a, b){
  return a-b;
};      

排序结果是

arr.sort(compare);      

(2) 数值排序 | 降序[⇣⁹₀]

const arr = [40, 100, 1, 5, 25, 10];
arr.sort(function(a, b){
  return b-a; // swap the positions of a and b
});      

之前：[40,100,1,5,25,10]

之后：[100,40,25,10,5,1]

(3) 字母排序 | 上升✷ [⇣ᴬᴢ]

const arr = ["Blue", "Orange", "Aqua", "Marine"];
arr.sort();      

之前：[“蓝色”、“橙色”、“水色”、“海洋”]

之后：[“水色”、“蓝色”、“海洋”、“橙色”]

✷字母排序行为在 JavaScript 中不太直观。仅当数组中的所有元素都被读取为（类型）字符串时，内置的默认 sort() 函数才适用于 JavaScript 数组。

(4) 字母排序 | 降序✷ [⇣ᶻᴀ]

const arr = ["Blue", "Orange", "Aqua", "Marine"];
arr.sort().reverse();      

之前：[“蓝色”、“橙色”、“水色”、“海洋”]

之后：[“橙色”、“海洋”、“蓝色”、“水绿色”]

✷与仅适用于字符串实体的 sort() 函数不同，JavaScript 中的函数 reverse() 适用于整个数组并交换元素的位置而不管（类型）。第一个元素成为最后一个元素，反之亦然。

(5) 日期排序 | 上升 [▲]

const arr = ["2015-03-25", "2015-02-01", "2015-01-03", "2015-02-02"];
arr.sort(function(a, b){
        return new Date(a)-new Date(b);
});      

之前：[“2015-03-25”、”2015-02-01”、”2015-01-03”、”2015-02-02”]

之后：[“2015–01–03”、”2015–02–01”、”2015–02–02”、”2015–03–25”]

说明：Date 的排序行为与数字排序非常相似。然而，JavaScript 数组中的 String 实体必须首先被解析为 Date 对象，因为它们可以根据相对日期出现进行排序。

(6) 日期排序 | 降序 [▼]

类似于数字排序...

const arr = ["2015-03-25", "2015-02-01", "2015-01-03", "2015-02-02"];
arr.sort(function(a, b){
        return new Date(b)-new Date(a); // swap the positions of a and b
});      

之前：[“2015-03-25”、”2015-02-01”、”2015-01-03”、”2015-02-02”]

之后：[“2015–03–25”、”2015–02–02”、”2015–02–01”、”2015–01–03”]

总结

这就是我对 JavaScript 数组进行排序的 6 个代码片段列表的总结！非常感谢您坚持阅读到本文的结尾。

希望您发现这很有用，并考虑将其加入收藏书签以供需要时参考。

最后，祝编程愉快！