JavaScript sort方法实现数组升序降序

 更新时间:2023年07月13日 10:16:35   作者:夏茗星  
这篇文章主要为大家介绍了JavaScript sort方法实现数组升序降序示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

Array.prototype.sort()

sort() 方法用于对数组的元素进行排序。如果调用该方法时没有使用参数,将按字母顺序(Ascall编码)对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。

要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。如果要想进行升序或是降序排序的话,要提供比较函数。

  • 排序顺序可以是字母或数字,并按升序或降序。
  • 默认排序顺序为按字母升序。

语法:array.sort(sortfunction)

参数描述
sortfunction可选。规定排序顺序。必须是函数。

关于升序和降序的条件

当 a>b 时,
a - b > 0  ,排序结果 ===> b,a (升序)
b - a < 0  ,排序结果 ===> a,b (降序)
当 b>a 时,
a - b < 0  ,排序结果 ===> a,b (升序)
b - a > 0  ,排序结果 ===> b,a (降序)
当 a=b 时,
a - b = b - a =0 , 排序结果 ===> 保持不变

升序

// 升序
var points = [40,100,1,5,25,10];
let res = points.sort(function(a,b){
    return a-b    //升序
});
console.log(res);  [ 1, 5, 10, 25, 40, 100 ]

降序

// 降序
var points = [40,100,1,5,25,10];
let result = points.sort(function(a,b){
    return b - a
});
console.log(result);  //[ 100, 40, 25, 10, 5, 1 ]

按字母升序

//按字母升序 
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
console.log(fruits)  //[ 'Apple', 'Banana', 'Mango', 'Orange' ]

以上就是JavaScript sort方法实现数组升序降序的详细内容,更多关于JavaScript sort数组升序降序的资料请关注脚本之家其它相关文章!

相关文章

  • 微信小程序 页面之间传参实例详解

    微信小程序 页面之间传参实例详解

    这篇文章主要介绍了微信小程序 页面之间传参实例详解的相关资料,需要的朋友可以参考下
    2017-01-01
  • 前端利用jsencrypt.js进行RSA加密示例详解

    前端利用jsencrypt.js进行RSA加密示例详解

    这篇文章主要为大家介绍了前端利用jsencrypt.js进行RSA加密示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • 详解JS前端使用迭代器和生成器原理及示例

    详解JS前端使用迭代器和生成器原理及示例

    这篇文章主要为大家介绍了详解JS前端使用迭代器和生成器原理及示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 微信小程序 网络API发起请求详解

    微信小程序 网络API发起请求详解

    这篇文章主要介绍了微信小程序 网络API发起请求详解的相关资料,需要的朋友可以参考下
    2016-11-11
  • 判断Spartacus SSR的Transfer State是否正常工作技巧

    判断Spartacus SSR的Transfer State是否正常工作技巧

    这篇文章主要为大家介绍了判断Spartacus SSR的Transfer State是否正常工作技巧,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • open 打开浏览器的过程原理示例解析

    open 打开浏览器的过程原理示例解析

    这篇文章主要为大家介绍了open 打开浏览器的过程原理示例解析,
    有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • electron 中 webview的使用示例解析

    electron 中 webview的使用示例解析

    这篇文章主要为大家介绍了electron 中 webview的使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • TypeScript遍历对象属性的问题

    TypeScript遍历对象属性的问题

    这篇文章主要介绍了TypeScript遍历对象属性的问题,文章围绕TypeScript遍历对象属性的相关资料展开详细内容,需要的朋友可以参考一下
    2021-11-11
  • JS class语法糖的深入剖析

    JS class语法糖的深入剖析

    这篇文章主要为大家介绍了JS class语法糖的深入剖析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 常用的JavaScript数组方法

    常用的JavaScript数组方法

    一说到JavaScript的数组,大家基本都能马上想起pop()、push()、shift()、unshift()、indexof()等等,今天小编就给大家分享几个开发中常用的js数组方法即他们的用法。需要的朋友可以参考下面文章的具体内容
    2021-09-09

最新评论