web前端培训 - 12个有用的 JavaScript 代码片段

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();
之前：[“Blue”、“Orange”、“Aqua”、“Marine”]

之后：[“Aqua”、“Blue”、“Marine”、“Orange”]

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

4、按字母排序 | 降序✷ [⇣ᶻᴀ]

const arr = [“Blue”, “Orange”, “Aqua”, “Marine”];
arr.sort().reverse();
之前：[“Blue”、“Orange”、“Aqua”、“Marine”]

之后：[“Orange”、“Marine”、“Blue”、“Aqua”]

与仅适用于字符串实体的 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 Da