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中如何调用JSP中的变量
Jan 22 Javascript
Jquery实现遮罩层的方法
Jun 08 Javascript
JavaScript获取并更改input标签name属性的方法
Jul 02 Javascript
js删除局部变量的实现方法
Jun 25 Javascript
JavaScript实现DOM对象选择器
Sep 24 Javascript
基于JS开发微信网页录音功能的实例代码
Apr 30 Javascript
微信小程序实现上传图片裁剪图片过程解析
Aug 22 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
Oct 26 jQuery
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
vue 里面的 $forceUpdate() 强制实例重新渲染操作
Sep 21 Javascript
vue中使用router全局守卫实现页面拦截的示例
Oct 23 Javascript
JavaScript选择器函数querySelector和querySelectorAll
Nov 27 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
CodeIgniter基本配置详细介绍
2013/11/12 PHP
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
在WordPress中使用wp_count_posts函数来统计文章数量
2016/01/05 PHP
php array_reverse 以相反的顺序返回数组实例代码
2017/04/11 PHP
PHP 实现 JSON 数据的编码和解码操作详解
2020/04/22 PHP
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
2013/07/01 Javascript
jQuery使用height()获取高度需要注意的地方
2014/12/13 Javascript
javascript面向对象快速入门实例
2015/01/13 Javascript
JavaScript将字符串转换成字符编码列表的方法
2015/03/19 Javascript
超级给力的JavaScript的React框架入门教程
2015/07/02 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
基于javascript制作微博发布栏效果
2016/04/04 Javascript
jQuery Dialog对话框事件用法实例分析
2016/05/10 Javascript
JavaScript Ajax编程 应用篇
2016/07/02 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
webpack配置文件和常用配置项介绍
2017/04/28 Javascript
基于Bootstrap table组件实现多层表头的实例代码
2017/09/07 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
2017/09/26 Javascript
深入Node TCP模块的理解
2019/03/13 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
2019/11/25 Javascript
[01:06]欢迎来到上海,TI9
2018/08/26 DOTA
Django实现图片文字同时提交的方法
2015/05/26 Python
Python socket网络编程TCP/IP服务器与客户端通信
2017/01/05 Python
Python3实现的字典遍历操作详解
2018/04/18 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
Django 导出项目依赖库到 requirements.txt过程解析
2019/08/23 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
Python中的整除和取模实例
2020/06/03 Python
Python爬虫+tkinter界面实现历史天气查询的思路详解
2021/02/22 Python
Auchan Direct波兰:欧尚在线杂货店
2016/10/19 全球购物
Zavvi西班牙:电子游戏、极客服装、Blu-ray、Funko Pop等
2019/05/03 全球购物
巴西最大的玩具连锁店:Ri Happy
2020/06/17 全球购物
歌颂祖国的演讲稿
2014/05/04 职场文书
热爱祖国的演讲稿
2014/05/04 职场文书
2015年护理工作总结范文
2015/04/03 职场文书