JavaScript数组排序reverse()和sort()方法详解

 更新时间:2017年12月24日 08:40:57   作者:一江明月一江秋i  
这篇文章主要介绍了JavaScript数组排序reverse()和sort()方法详解,需要的朋友可以参考下

JavaScript中数组排序的方法有两个reverse()和sort()。

  reverse()方法会反转数组项的顺序:

var arr = [1,2,3,4,5];
 arr.reverse();
 alert(arr); //5,4,3,2,1

  sort()方法会按照字符串升序排列数组项,sort()方法会调用每个数组项的tostring()方法,即使数组中的每一项都是数值,sort()方法比较的也是字符串:

 var arr = [1,2,11,15,5];
arr.sort();
alert(arr); // 1,11,15,2,5

  这种方式在很多情况下并不是最好的方案,因此sort()方法可以接收一个比较函数作为参数。比较函数需要两个参数,如果第一个参数应该位于第二个参数之前则需要返回一个负数,如果两个参数相等则返回0,如果第一个参数应该位于第二个参数之后,则返回一个正数:

var arr = [1,2,11,15,5];
arr.sort(function(val1,val2){
return val1-val2;
 });
 alert(arr); // 1,2,5,11,15

  由于比较函数通过返回一个小于零,等于零或大于零的志来影响排序结果,因此减法操作可以很好的处理这些情况。

总结

以上所述是小编给大家介绍的JavaScript数组排序reverse()和sort()方法详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

  • js点击按钮实现多张图片循环切换

    js点击按钮实现多张图片循环切换

    这篇文章主要为大家详细介绍了js点击按钮实现多张图片循环切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • js+h5 canvas实现图片验证码

    js+h5 canvas实现图片验证码

    这篇文章主要为大家详细介绍了js+h5 canvas实现图片验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • javascript实现带下拉子菜单的导航菜单效果

    javascript实现带下拉子菜单的导航菜单效果

    这篇文章主要介绍了javascript实现带下拉子菜单的导航菜单效果的方法,涉及javascript操作页面元素与样式的相关技巧,需要的朋友可以参考下
    2015-05-05
  • 解决layui的使用以及针对select、radio等表单组件不显示的问题

    解决layui的使用以及针对select、radio等表单组件不显示的问题

    今天小编就为大家分享一篇解决layui的使用以及针对select、radio等表单组件不显示的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript实现简单表单验证案例

    JavaScript实现简单表单验证案例

    这篇文章主要为大家详细介绍了JavaScript实现简单表单验证案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • 黑帽seo劫持程序,js劫持搜索引擎代码

    黑帽seo劫持程序,js劫持搜索引擎代码

    今天在浏览网页时无意中发现了这段JS劫持搜索引擎代码。劫持搜索引擎正常搜索过来的流量,这是黑帽seo常用的劫持方法。特意解密出来供大家了解其劫持原理。感兴趣的朋友一起学习学习吧
    2015-09-09
  • JavaScript canvas实现刮刮乐案例

    JavaScript canvas实现刮刮乐案例

    这篇文章主要为大家详细介绍了JavaScript canvas实现刮刮乐案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • js的隐含参数(arguments,callee,caller)使用方法

    js的隐含参数(arguments,callee,caller)使用方法

    本篇文章只要是对js的隐含参数(arguments,callee,caller)使用方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • JavaScript页面滚动事件举例详解

    JavaScript页面滚动事件举例详解

    这篇文章主要介绍了页面滚动事件的基础概念、应用场景及优化技巧,帮助开发者在实际项目中灵活使用滚动事件,提升用户体验,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-01-01
  • json前后端数据交互相关代码

    json前后端数据交互相关代码

    本篇文章给大家分享了关于json前后端数据交互方法实现的相关知识点内容,有兴趣的读者们可以参考学习下。
    2018-09-09

最新评论