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 相关文章推荐
不使用中间变量,交换int型的 a, b两个变量的值。
Oct 29 Javascript
easyui validatebox验证
Apr 29 Javascript
js实现div在页面拖动效果
May 04 Javascript
JavaScript基于原型链的继承
Jun 22 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
Dec 23 Javascript
jQuery实现圣诞节礼物动画案例解析
Dec 25 Javascript
详解如何用webpack打包一个网站应用项目
Jul 12 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
May 22 Javascript
利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法
Mar 29 Javascript
layui layer select 选择被遮挡的解决方法
Sep 21 Javascript
基于JS正则表达式实现模板数据动态渲染(实现思路详解)
Mar 07 Javascript
Vue如何清空对象
Mar 03 Vue.js
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编实现程动态图像的创建代码
2008/09/28 PHP
jquery+thinkphp实现跨域抓取数据的方法
2016/10/15 PHP
yii2 上传图片的示例代码
2018/11/02 PHP
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
javascript客户端解决方案 缓存提供程序
2010/07/14 Javascript
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
Jquery基础教程之DOM操作
2015/08/19 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
2016/02/23 Javascript
JavaScript实现简单Tip提示框效果
2016/04/20 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
js获取腾讯视频ID的方法
2016/10/03 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
2020/10/26 Javascript
jquery.masonry瀑布流效果
2017/05/25 jQuery
JS使用正则表达式验证身份证号码
2017/06/23 Javascript
AngularJS监听ng-repeat渲染完成的方法
2018/03/20 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
Javascript中Math.max和Math.max.apply的区别和用法详解
2020/08/24 Javascript
python实现在控制台输入密码不显示的方法
2015/07/02 Python
Python实现把json格式转换成文本或sql文件
2015/07/10 Python
解决pycharm界面不能显示中文的问题
2018/05/23 Python
python实现共轭梯度法
2019/07/03 Python
python函数修饰符@的使用方法解析
2019/09/02 Python
mac使用python识别图形验证码功能
2020/01/10 Python
详细分析Python垃圾回收机制
2020/07/01 Python
班级聚会策划书
2014/01/16 职场文书
低碳生活的宣传标语
2014/06/23 职场文书
党委书记个人检查对照材料思想汇报
2014/10/11 职场文书
2014年护士长工作总结
2014/11/11 职场文书
2015中秋节晚会开场白
2015/07/30 职场文书
新兵入伍决心书
2015/09/22 职场文书
2016年度农村党员干部主题教育活动总结
2016/04/06 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书
导游词之河北野三坡
2019/12/11 职场文书
JavaScript 防篡改对象的用法示例
2021/04/24 Javascript
使用goaccess分析nginx日志的详细方法
2021/07/09 Servers