6个用于排序数组的JavaScript代码片段
本文仅供 Web 开发人员的学习参考哦~
演示用例:查找“arr”的结果
**(1) 数值排序 | 上升 [⇣⁰₉]**
```js
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) 数值排序 | 降序[⇣⁹₀]**
```js
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) 字母排序 | 上升✷ [⇣ᴬᴢ]**
```js
const arr = ["Blue", "Orange", "Aqua", "Marine"];
arr.sort();
```
之前:[“蓝色”、“橙色”、“水色”、“海洋”]
之后:[“水色”、“蓝色”、“海洋”、“橙色”]
✷字母排序行为在 JavaScript 中不太直观。仅当数组中的所有元素都被读取为(类型)字符串时,内置的默认 sort() 函数才适用于 JavaScript 数组。
**(4) 字母排序 | 降序✷ [⇣ᶻᴀ]**
```js
const arr = ["Blue", "Orange", "Aqua", "Marine"];
arr.sort().reverse();
```
之前:[“蓝色”、“橙色”、“水色”、“海洋”]
之后:[“橙色”、“海洋”、“蓝色”、“水绿色”]
✷与仅适用于字符串实体的 sort() 函数不同,JavaScript 中的函数 reverse() 适用于整个数组并交换元素的位置而不管(类型)。第一个元素成为最后一个元素,反之亦然。
**(5) 日期排序 | 上升 [▲]**
```js
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) 日期排序 | 降序 [▼]
类似于数字排序...
```js
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 个代码片段列表的总结!
**- End -**
更多关于“html5培训”的问题,欢迎咨询千锋教育在线名师。千锋已有十余年的培训经验,课程大纲更科学更专业,有针对零基础的就业班,有针对想提升技术的提升班,高品质课程助理你实现梦想。