全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

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

发布时间:2022-06-01 11:49:00
发布人:wjy

  本文仅供 Web 开发人员的学习参考哦~

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

  演示用例:查找“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培训”的问题,欢迎咨询千锋教育在线名师。千锋已有十余年的培训经验,课程大纲更科学更专业,有针对零基础的就业班,有针对想提升技术的提升班,高品质课程助理你实现梦想。

相关文章

今日头条视频怎么赚钱?头条号赚钱方法汇总

2023-09-19

今日头条展现量是什么?今日头条展现量规则分析

2023-09-19

今日头条怎么发布文章有收益?今日头条收益规则

2023-09-19

自媒体怎么入门挣钱?自媒体赚钱入门教程分享

2023-09-19

自媒体写文章怎么赚钱?自媒体写文章教程

2023-09-19

怎么上传短视频赚钱?短视频赚钱方法

2023-09-19
在线咨询 免费试学 教程领取