频道栏目
首页 > 资讯 > JavaScript > 正文

关于javascript中的sort()方法的使用

17-06-27        来源:[db:作者]  
收藏   我要投稿

关于javascript中的sort()方法的使用

关于sort()对数字与字母的排序,首先看一下语法:

arrayObject.sort(sortby) ; //其中arrayObject是数组对象,也就是数组名

首先我们来看一串代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script type="text/javascript">
        var a=["yellow","blue","red","purple"];
        document.write(a.sort());
    </script>
</body>
</html>

输出结果为:

blue, purple, red, yellow

从输出的结果可以看出,是有规律的。其实这种规律是按照ASCII表来排列的。再看下列代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    var a=[12,17,5,8,3,10];
    document.write(a.sort());
</script>
</body>
</html>

输出结果:

10,12,17,3,5,8

可以看出上述输出结果没什么规律,要想按照一定的顺序排列,我们可以给它一个函数参数。在此我综合了网络以及书上的写法,看下列代码:

方法一

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    var a=[12,17,5,8,3,10];
    function test(a,b){
        return a-b;
    }
 
    function test2(a,b){
        return b-a;
    }
    document.write(a.sort(test));
    document.write("<br>");
    document.write(a.sort(test2));
</script>
</body>
</html>

输出结果:

3,5,8,10,12,17

17,12,10,8,5,3

在此我分别是按照升序与降序排列的。

方法二

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    var a=[12,17,5,8,3,10];
    function test(value1,value2){
        if(value1<value2){
            return -1;
        }else if(value1>value2){
            return 1;
        }else{
            return 0;
        }
 
    }
 
    function test2(value1,value2){
        if(value1<value2){
            return 1;
        }else if(value1>value2){
            return -1;
        }else{
            return 0;
        }
    }
 
    document.write(a.sort(test));
    document.write("<br>");
    document.write(a.sort(test2));
</script>
</body>
</html>

输出结果:

3,5,8,10,12,17

17,12,10,8,5,3

比较这两种方法都能达到相同的效果,但各有各的优点,方法一它的代码量更少更简洁,方法二则在逻辑上更加严谨。

相关TAG标签
上一篇:java私有构造器
下一篇:HTML5与CSS3学习笔记:导航栏(一)
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站