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


Posted in Javascript onDecember 24, 2017

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()方法详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
浏览器解析js生成的html出现样式问题的解决方法
Apr 16 Javascript
jQuery easyui datagrid动态查询数据实例讲解
Feb 26 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
Jul 05 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
Oct 10 Javascript
JavaScript数组的栈方法与队列方法详解
May 26 Javascript
基于AGS JS开发自定义贴图图层
Mar 31 Javascript
详解在vue-cli项目中使用mockjs(请求数据删除数据)
Oct 23 Javascript
Vue写一个简单的倒计时按钮功能
Apr 20 Javascript
JS实现点击按钮可实现编辑功能
Jul 03 Javascript
在微信小程序里使用watch和computed的方法
Aug 02 Javascript
Vue Cli3 创建项目的方法步骤
Oct 15 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
Jan 30 Javascript
JS生成随机打乱数组的方法示例
Dec 23 #Javascript
JavaScript实现的超简单计算器功能示例
Dec 23 #Javascript
Angular实现较为复杂的表格过滤,删除功能示例
Dec 23 #Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
Dec 23 #Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
Dec 22 #Javascript
JavaScript中的一些隐式转换和总结(推荐)
Dec 22 #Javascript
原生JS写Ajax的请求函数功能
Dec 22 #Javascript
You might like
php中3种方法删除字符串中间的空格
2014/03/10 PHP
Laravel5权限管理方法详解
2016/07/26 PHP
PHP Swoole异步Redis客户端实现方法示例
2019/10/24 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
Jquery 扩展方法
2010/05/06 Javascript
js动态添加onload、onresize、onscroll事件(另类方法)
2012/12/26 Javascript
jquery获取颜色在ie和ff下的区别示例介绍
2014/03/28 Javascript
JQuery页面地址处理插件jqURL详解
2015/05/03 Javascript
jquery实现二级导航下拉菜单效果
2015/12/18 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
2016/12/21 Javascript
jquery仿苹果的时间/日期选择效果
2017/03/08 Javascript
jQuery自定义图片上传插件实例代码
2017/04/04 jQuery
JavaScript实现反转字符串的方法详解
2017/04/27 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
2018/01/31 Javascript
详解webpack-dev-middleware 源码解读
2020/03/23 Javascript
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[01:38]完美世界DOTA2联赛PWL S3 集锦第四期
2020/12/21 DOTA
[46:20]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第二场 1月22日
2021/03/11 DOTA
在Python中使用M2Crypto模块实现AES加密的教程
2015/04/08 Python
Python实现批量检测HTTP服务的状态
2016/10/27 Python
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
pyqt5 实现在别的窗口弹出进度条
2019/06/18 Python
Win10+GPU版Pytorch1.1安装的安装步骤
2019/09/27 Python
如何在django中添加日志功能
2020/02/06 Python
python 操作mysql数据中fetchone()和fetchall()方式
2020/05/15 Python
纯CSS改变webkit内核浏览器的滚动条样式
2014/04/17 HTML / CSS
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
农救科工作职责
2013/11/27 职场文书
经典而简洁的婚礼主持词
2014/03/13 职场文书
主题团日活动总结
2014/06/25 职场文书
小学生法制教育心得体会
2016/01/14 职场文书
商业计划书格式、范文
2019/03/21 职场文书
使用canvas实现雪花飘动效果的示例代码
2021/03/30 HTML / CSS
python爬虫--selenium模块
2021/03/31 Python