js中数组(Array)的排序(sort)注意事项说明

 更新时间:2014年01月24日 09:46:00   作者:  
本篇文章主要是对js中数组(Array)的排序(sort)注意事项进行了说明介绍,需要的朋友可以过来参考下,希望对大家有所帮助

直接看代码吧,测试结果也贴在里面了

复制代码 代码如下:

var arrDemo = new Array();

 arrDemo[0] = 10;
 arrDemo[1] = 50;
 arrDemo[2] = 51;
 arrDemo[3] = 100;

 arrDemo.sort(); //调用sort方法后,数组本身会被改变,即影响原数组

 alert(arrDemo);//10,100,50,51 默认情况下sort方法是按ascii字母顺序排序的,而非我们认为是按数字大小排序

 arrDemo.sort(function(a,b){return a>b?1:-1});//从小到大排序

 alert(arrDemo);//10,50,51,100

 arrDemo.sort(function(a,b){return a<b?1:-1});//从大到小排序

 alert(arrDemo);//100,51,50,10


结论:

1.数组调用sort方法后,会影响本身(而非生成新数组)

2.sort()方法默认是按字符来排序的,所以在对数字型数组排序时,不可想当然的以为会按数字大小排序!

3.要改变默认的sort行为(即按字符排序),可以自行指定排序规则函数(如本例所示)

相关文章

  • 基于Echart实现折线图的绘制详解

    基于Echart实现折线图的绘制详解

    EChart开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。本文将利用EChart实现折线图的绘制,感兴趣的可以学习一下
    2022-03-03
  • js与jquery获取父元素,删除子元素的两种不同方法

    js与jquery获取父元素,删除子元素的两种不同方法

    本篇文章主要是对js与jquery获取父元素,删除子元素的两种不同方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • 微信小程序调用微信支付接口的实现方法

    微信小程序调用微信支付接口的实现方法

    这篇文章主要介绍了微信小程序调用微信支付接口,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • bootstrap实现弹窗和拖动效果

    bootstrap实现弹窗和拖动效果

    这篇文章主要介绍了bootstrap实现弹窗和拖动效果的相关资料,需要的朋友可以参考下
    2016-01-01
  • javascript进行四舍五入方法汇总

    javascript进行四舍五入方法汇总

    这篇文章主要介绍了javascript进行四舍五入方法汇总,并给出了相关示例,需要的朋友可以参考下
    2014-12-12
  • NProgress显示顶部进度条效果及使用详解

    NProgress显示顶部进度条效果及使用详解

    这篇文章主要为大家详细介绍了NProgress显示顶部进度条效果及使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • typescript中箭头函数与普通函数的区别

    typescript中箭头函数与普通函数的区别

    本文主要介绍了typescript中箭头函数与普通函数的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2026-05-05
  • 微信小程序实现日历小功能

    微信小程序实现日历小功能

    这篇文章主要为大家详细介绍了微信小程序实现日历小功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • JavaScript单一职责原则深入分析

    JavaScript单一职责原则深入分析

    这篇文章主要介绍了理解JavaScript单一职责原则,单一职责原则(SRP:Single responsibility principle)又称单一功能原则,面向对象五个基本原则(SOLID)之一,下文更多相关介绍感兴趣的小伙伴可以参考一下
    2022-08-08
  • JavaScript分水岭CommonJS对比ES模块分析

    JavaScript分水岭CommonJS对比ES模块分析

    这篇文章主要为大家介绍了JavaScript分水岭CommonJS对比ES模块分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11

最新评论