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

最新推荐文章于 2025-07-10 11:56:00 发布

PHP__廊外诗鸽

最新推荐文章于 2025-07-10 11:56:00 发布

阅读量431

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript sort

本文链接：https://blog.youkuaiyun.com/tashanhongye/article/details/73656403

javascript 专栏收录该内容

29 篇文章

订阅专栏

本文详细介绍了JavaScript中使用sort()函数对数组进行排序的方法，包括默认排序行为及如何通过自定义比较函数实现升序与降序排列。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于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>