千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 6个用于排序数组的JavaScript代码片段

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

来源:千锋教育
发布人:wjy
时间: 2022-06-01 11:49:00 1654055340

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

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT
开班信息
北京校区
  • 北京校区
  • 大连校区
  • 广州校区
  • 成都校区
  • 杭州校区
  • 长沙校区
  • 合肥校区
  • 南京校区
  • 上海校区
  • 深圳校区
  • 武汉校区
  • 郑州校区
  • 西安校区
  • 青岛校区
  • 重庆校区
  • 太原校区
  • 沈阳校区
  • 南昌校区
  • 哈尔滨校区