JavaScript数值数组排序示例分享


Posted in Javascript onMay 27, 2014

但是,我们在使用中就会发现问题,这里的数组排序方法并不是按照我们想像中的数字大小来排序的,而是按照字符串测试结果改变原先的数据。这并不是我们想要的。

那么如何才可以得到我们想要的按照我们思维中的数字大小来排序呢。我们可以自己编写一个函数来实现。

var values = [0, 1, 5, 10, 15];
// asc升序函数
function compareAsc(value1, value2) {
    if (value1 > value2) {
        return 1;
    } else if (value1 < value2) {
        return -1;
    } else {
        return 0;
    }
}
// desc降序函数
function compareDesc(value1, value2) {
    if (value1 > value2) {
        return -1;
    } else if (value1 < value2) {
        return 1;
    } else {
        return 0;
    }
}
values.sort(compareAsc);
console.log(values);  // [0, 1, 5, 10, 15]
values.sort(compareDesc);
console.log(values);  // [15, 10, 5, 1, 0]
Javascript 相关文章推荐
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
Jul 03 Javascript
多种方法实现JS动态添加事件
Nov 01 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
Aug 10 Javascript
JQuery解析XML数据的几个简单实例
May 18 Javascript
Vue.js每天必学之过滤器与自定义过滤器
Sep 07 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
Jan 05 Javascript
原生js封装自定义滚动条
Mar 24 Javascript
深入理解 Koa 框架中间件原理
Oct 18 Javascript
浅谈vux之x-input使用以及源码解读
Nov 04 Javascript
vue自定义指令directive的使用方法
Apr 07 Javascript
JS原型prototype和__proto__用法实例分析
Mar 14 Javascript
关于Javascript闭包与应用的详解
Apr 22 Javascript
JavaScript作用域链示例分享
May 27 #Javascript
Node调试工具JSHint的安装及配置教程
May 27 #Javascript
javaScript使用EL表达式的几种方式
May 27 #Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
May 27 #Javascript
利用javascript实现全部删或清空所选的操作
May 27 #Javascript
For循环中分号隔开的3部分的执行顺序探讨
May 27 #Javascript
浅析javascript中function 的 length 属性
May 27 #Javascript
You might like
有关PHP中MVC的开发经验分享
2012/05/17 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
Backbone.js的Hello World程序实例
2015/06/19 Javascript
文字垂直滚动之javascript代码
2015/07/29 Javascript
json实现添加、遍历与删除属性的方法
2016/06/17 Javascript
Jquery Easyui日历组件Calender使用详解(23)
2016/12/18 Javascript
JS实现复制功能
2017/03/01 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
2017/05/25 jQuery
JavaScript hasOwnProperty() 函数实例详解
2017/08/04 Javascript
利用Vue实现移动端图片轮播组件的方法实例
2017/08/23 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
Postman的下载及安装教程详解
2018/10/16 Javascript
详解JavaScript 新语法之Class 的私有属性与私有方法
2019/04/23 Javascript
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
js实现页面图片消除效果
2020/03/24 Javascript
python获取文件后缀名及批量更新目录下文件后缀名的方法
2014/11/11 Python
python中__call__内置函数用法实例
2015/06/04 Python
python算法表示概念扫盲教程
2017/04/13 Python
Python3 socket同步通信简单示例
2017/06/07 Python
python3使用SMTP发送简单文本邮件
2018/06/19 Python
浅谈Python采集网页时正则表达式匹配换行符的问题
2018/12/20 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
htnl5利用svg页面高斯模糊的方法
2018/07/20 HTML / CSS
阿根廷网上配眼镜:SmartBuyGlasses阿根廷
2016/08/19 全球购物
Lookfantastic西班牙官网:英国知名美妆购物网站
2018/06/13 全球购物
expedia比利时:预订航班+酒店并省钱
2018/07/13 全球购物
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
西部世纪面试题
2014/12/05 面试题
霸王洗发水广告词
2014/03/14 职场文书
大学辅导员述职报告
2015/01/10 职场文书
2015年全民国防教育日活动总结
2015/03/23 职场文书
搬迁通知
2015/04/20 职场文书
离婚代理词范文
2015/05/23 职场文书
2019销售早会主持词
2019/06/27 职场文书
Python机器学习之逻辑回归
2021/05/11 Python