(共558篇)
全部分类

sort方法对数组排序
[ JS基础 ] 

sort 方法对数组排序

arr.sort()方法用来对数组中的元素重新排序,默认会把元素转为字符串,再根据字符串的 Unicode码点排序。

注意: 该方法会改变原有数组

1
2
3
4
5
6
<script>
    var arr = ["orange", "watermelon", "apple", "banana"];
    console.log("排序前:", arr);
    arr.sort();
    console.log("排序后:", arr);
</script>

案例代码

但是这样的排序方法是有问题的,比如:

1
2
3
4
5
6
<script>
    var arr = [1, 10, 6, 33, 41];
    console.log("排序前:", arr);
    arr.sort();
    console.log("排序后:", arr);
</script>

案例代码

我们想要的结果应该是这样的[1,6,10,33,41],实际上排序后的 6 反而到了 41 的后面。这是因为 6 的 unicode 码大于 4 的 unicode 码。

那么怎么才能让排序结果按照预料的结果去执行呢?sort 方法可以传递一个参数进去,用来作为排序的条件:

arr.sort([fn(a, b)])会依次对数组相邻两个元素对比,ab分别代表两个相邻的元素。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<script>
    var arr = [1, 10, 6, 33, 41];
    console.log("排序前:", arr);
    arr.sort(function(a, b) {
        if (a < b) {
            return -1;
        }
        if (a > b) {
            return 1;
        }
        return 0;
    });
    console.log("排序后:", arr);
</script>

案例代码

还可以更简单的实现上面的目的:

1
2
3
4
5
6
7
8
<script>
    var arr = [1, 10, 6, 33, 41];
    console.log("排序前:", arr);
    arr.sort(function(a, b) {
        return a - b;
    });
    console.log("排序后:", arr);
</script>

案例代码

再来看一个元素为对象的排序:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script>
    var arr = [
        {
            name: "zhangsan",
            age: 18,
        },
        {
            name: "lisi",
            age: 20,
        },
        {
            name: "wangwu",
            age: 13,
        },
        {
            name: "zhaoliu",
            age: 14,
        },
        {
            name: "zengqi",
            age: 10,
        },
    ];
    console.log("排序前:", arr);
    arr.sort(function(a, b) {
        return a.age - b.age;
    });
    console.log("排序后:", arr);
</script>

案例代码