Javascript中数组sort和reverse用法分析


Posted in Javascript onDecember 30, 2014

本文实例讲述了Javascript中数组sort和reverse用法。分享给大家供大家参考。具体分析如下:

sort() 方法用于对数组的元素进行排序。

reverse()将数组中的元素逆序

首先我们来试试以下这段代码:

var values = [1, 0, 5, 15, 10];

values.reverse();

console.log(values);

输出结果会是什么呢:
[ 10, 15, 5, 0, 1 ]

reverse()也就是很简单的把数组倒过来而已,那么接下来想吐槽的是sort()

var values = [1, 0, 5, 15, 10];

values.sort();

console.log(values);

这段函数输出结果竟然是:
[ 0, 1, 10, 15, 5 ]

这是怎么回事?

实际上,在sort()函数内部会使用toString()转型,而String比较是通过ASCII,所以,我们如果需要排序的话,还是自己写一个sort()比较好。

var values = [1, 0, 5, 15, 10];

function compare(value1, value2) {

    if (value1 < value2) {

        return -1;

    } else if (value1 > value2) {

        return 1;

    } else {

        return 0;

    }

}

values.sort(compare);

console.log(values);

如果调换一下-1和1就能逆向排序啦。

现在的输出结果:
[ 0, 1, 5, 10, 15 ]

更简单的写法是,在compare()内部使用return value2 - value1;

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript经典效果集锦
Jul 06 Javascript
javascript模拟的Ping效果代码 (Web Ping)
Mar 13 Javascript
js 判断上传文件大小及格式代码
Nov 13 Javascript
js和jquery设置disabled属性为true使按钮失效
Aug 07 Javascript
JavaScript动态修改背景颜色的方法
Apr 16 Javascript
用JS实现轮播图效果(二)
Jun 26 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
webpack dll打包重复问题优化的解决
Oct 10 Javascript
微信小程序下拉框功能的实例代码
Nov 06 Javascript
vue 项目 iOS WKWebView 加载
Apr 17 Javascript
详解Vue.js中引入图片路径的几种方式
Jun 17 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
Nov 11 Javascript
jQuery中:visible选择器用法实例
Dec 30 #Javascript
JQuery设置时间段下拉选择实例
Dec 30 #Javascript
jQuery中:hidden选择器用法实例
Dec 30 #Javascript
jQuery中:has选择器用法实例
Dec 30 #Javascript
jQuery中:empty选择器用法实例
Dec 30 #Javascript
jQuery中:contains选择器用法实例
Dec 30 #Javascript
解决ueditor jquery javascript 取值问题
Dec 30 #Javascript
You might like
绿山咖啡和蓝山咖啡
2021/03/04 新手入门
不错的一篇面向对象的PHP开发模式(简写版)
2007/03/15 PHP
php部分常见问题总结
2008/03/27 PHP
php中实现记住密码下次自动登录的例子
2014/11/06 PHP
php ImageMagick windows下安装教程
2015/01/26 PHP
php简单生成一组与多组随机字符串的方法
2017/05/09 PHP
利用JS重写Cognos右键菜单的实现代码
2010/04/11 Javascript
JavaScript EasyPager 分页函数
2011/05/25 Javascript
深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP
2012/01/15 Javascript
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
jquery中通过父级查找进行定位示例
2013/06/28 Javascript
jQuery获取和设置表单元素的方法
2014/02/14 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
Javascript的比较汇总
2016/07/25 Javascript
详解webpack异步加载业务模块
2017/06/23 Javascript
three.js中文文档学习之创建场景
2017/11/20 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
浅谈一个webpack构建速度优化误区
2019/06/24 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
2019/09/19 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
2019/10/16 Javascript
vue 开发之路由配置方法详解
2019/12/02 Javascript
详解小程序横屏方案对比
2020/06/28 Javascript
vue实现购物车列表
2020/06/30 Javascript
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
Python使用dis模块把Python反编译为字节码的用法详解
2016/06/14 Python
Flask框架实现给视图函数增加装饰器操作示例
2018/07/16 Python
使用CSS3的appearance属性改变任何元素的浏览器默认风格
2012/12/24 HTML / CSS
优质服务活动实施方案
2014/05/02 职场文书
新教师岗前培训方案
2014/06/05 职场文书
反邪教标语
2014/06/23 职场文书
个人安全生产责任书
2014/07/28 职场文书
教师职位说明书
2014/07/29 职场文书
学校党员对照检查材料
2014/08/28 职场文书
酒店工程部经理岗位职责
2015/04/09 职场文书
2015大学迎新标语
2015/07/16 职场文书
升学宴家长致辞
2015/07/27 职场文书