JavaScript数值数组排序示例分享

 更新时间:2014年05月27日 14:58:23   作者:  
在Javascript中我们已知有两个可以直接用来进行数组排序的方法reverse()和sort()。其中reverse()是按照反向对于数组进行排序的,而sort()是按照正向进行排序的。

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

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


复制代码 代码如下:

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]

相关文章

  • 全面解析Bootstrap排版使用方法(标题)

    全面解析Bootstrap排版使用方法(标题)

    这篇文章全面解析了Bootstrap排版使用方法,本文重点介绍Bootstrap标题排版,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • Layui数据表格之获取表格中所有的数据方法

    Layui数据表格之获取表格中所有的数据方法

    今天小编就为大家分享一篇Layui数据表格之获取表格中所有的数据方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • JS pushlet XMLAdapter适配器用法案例解析

    JS pushlet XMLAdapter适配器用法案例解析

    这篇文章主要介绍了JS pushlet XMLAdapter适配器用法案例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • 微信小程序自定义联系人弹窗

    微信小程序自定义联系人弹窗

    这篇文章主要为大家详细介绍了微信小程序自定义联系人弹窗,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • JS完整获取IE浏览器信息包括类型、版本、语言等等

    JS完整获取IE浏览器信息包括类型、版本、语言等等

    这篇文章主要介绍了JS如何完整获取IE浏览器信息包括类型、版本、语言等等,需要的朋友可以参考下
    2014-05-05
  • Bootstrap输入框组件使用详解

    Bootstrap输入框组件使用详解

    这篇文章主要为大家详细介绍了Bootstrap输入框组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • JS实现程序暂停与继续功能代码解读

    JS实现程序暂停与继续功能代码解读

    程序暂停与继续的实现方法有很多,在本文为大家介绍下js中是如果做到的,并对具体的功能代码进行注释说明,感兴趣的朋友不要错过
    2013-10-10
  • layui使用表格渲染获取行数据的例子

    layui使用表格渲染获取行数据的例子

    今天小编就为大家分享一篇layui使用表格渲染获取行数据的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 详解ECMAScript typeof用法

    详解ECMAScript typeof用法

    typeof 返回变量的类型字符串值 、其中包括 “object”、“number”、“string”、“undefined”、“boolean”。这篇文章重点给大家介绍ECMAScript typeof用法,需要的朋友参考下
    2018-07-07
  • JavaScript实现五种不同烟花特效

    JavaScript实现五种不同烟花特效

    这篇文章主要给大家带来五个好看的基于 HTML+CSS+JS 的烟花特效,文中的示例代码讲解详细,对我们学习JavaScript有一定的帮助,需要的可以参考一下
    2022-01-01

最新评论