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 相关文章推荐
Jquery中增加参数与Json转换代码
Nov 20 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
Sep 15 Javascript
jQuery拖动布局其结果保存到数据库
Oct 09 Javascript
微信jssdk在iframe页面失效问题的解决措施
Mar 03 Javascript
jquery通过name属性取值的简单实现方法
Jun 20 Javascript
使用 bootstrap modal遇到的问题小结
Nov 09 Javascript
深入探究node之Transform
Jul 20 Javascript
前端跨域的几种解决方式总结(推荐)
Aug 16 Javascript
JavaScript设计模式之构造函数模式实例教程
Jul 02 Javascript
layui 表单标签的校验方法
Sep 04 Javascript
H5实现手机拍照和选择上传功能
Dec 18 Javascript
uniapp 仿微信的右边下拉选择弹出框的实现代码
Jul 12 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数组去重的函数代码
2013/02/03 PHP
php二分查找二种实现示例
2014/03/12 PHP
phpstudy默认不支持64位php的解决方法
2017/02/20 PHP
Gird组件 Part-3:范例RSSFeed Viewer
2007/03/10 Javascript
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
JQuery this 和 $(this) 的区别
2009/08/23 Javascript
jQuery 渐变下拉菜单
2009/12/15 Javascript
滚动图片效果 jquery实现回旋滚动效果
2013/01/08 Javascript
jquery live()调用不存在的解决方法
2014/02/26 Javascript
Jquery数字上下滚动动态切换插件
2015/08/08 Javascript
JavaScript的代码编写格式规范指南
2015/12/07 Javascript
javascript闭包概念简单解析(推荐)
2016/06/03 Javascript
ionic 上拉菜单(ActionSheet)实例代码
2016/06/06 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
2016/09/05 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
2016/09/05 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
2016/10/04 Javascript
利用NPM淘宝的node.js镜像加速nvm
2017/03/27 Javascript
vue项目中引入noVNC远程桌面的方法
2018/03/05 Javascript
vue路由懒加载的实现方法
2018/03/12 Javascript
JS学习笔记之闭包小案例分析
2019/05/29 Javascript
JS获取表格视图所选行号的ids过程解析
2020/02/21 Javascript
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
python连接池实现示例程序
2013/11/26 Python
Python中dict和set的用法讲解
2019/03/28 Python
python画图--输出指定像素点的颜色值方法
2019/07/03 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
2020/04/25 Python
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
详解px单位html5响应式方案
2018/03/08 HTML / CSS
美国性感女装网站:bebe
2017/03/04 全球购物
Toppik顶丰增发纤维官网:解决头发稀疏
2017/12/30 全球购物
Melissa鞋马来西亚官方网站:MDreams马来西亚
2018/04/05 全球购物
大学生应聘求职信
2014/05/26 职场文书
2015年幼儿园个人工作总结
2015/04/25 职场文书
开学随笔
2015/08/15 职场文书
深入理解go slice结构
2021/09/15 Golang
Windows 11要来了?微软文档揭示Win11太阳谷 / Win10有两个不同版本
2021/11/21 数码科技