美文网首页技术论剑,崛起江湖
如何使用JavaScript数组方法sort给数值类型元素排序

如何使用JavaScript数组方法sort给数值类型元素排序

作者: 游海东 | 来源:发表于2019-12-17 14:34 被阅读0次

1. 问题背景

如果定义了一个字符串类型数组,可以直接使用sort方法,对元素进行排序;但是如果数组的元素是数值类型的,使用sort方法进行排序,效果就达不到了。如果坚持使用sort方法对数值类型元素排序,可以添加一个比较大小的函数。

2. 实现源码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>使用sort方法给数组元素排序</title>
        <script>
            window.onload = function(){
                var a = ['hui','you','are','save','add','opp'];
                a.sort();
                console.log(a);
                
                var b = [23,90,100,1,300,768,2];
                b.sort();
                console.log(b);
            }
        </script>
    </head>
    <body>
    </body>
</html>

3. 实现效果

实现效果

4. 改进源码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>使用sort方法给数组元素排序</title>
        <script>
            window.onload = function(){
                var a = ['hui','you','are','save','add','opp'];
                a.sort();
                console.log(a);
                
                var b = [23,90,100,1,300,768,2];
                b.sort(compareData);
                console.log(b);
            }
            
            function compareData(n1,n2){
                return n1 - n2;
            }
        </script>
    </head>
    <body>
    </body>
</html>

5. 改进效果

改进效果

6. 代码说明

sort方法是按照字典顺序对元素进行排序的,因此它排序的元素类型都是字符串;如果元素类型是数值类型,它也会认为是字符串。如果还是想要使用sort方法对数组数值元素排序,可以在排序之前传入一个比较大小的函数,sort方法可以根据函数比较两个元素的大小,确定数组的顺序。

相关文章

  • 如何使用JavaScript数组方法sort给数值类型元素排序

    1. 问题背景 如果定义了一个字符串类型数组,可以直接使用sort方法,对元素进行排序;但是如果数组的元素是数值类...

  • JavaScript 中的数组去重和排序

    排序 Sort方法 在JavaScript中,数组Array本身有具有Sort方法可以对数组的元素进行排序,并返回...

  • Java 数组

    Java 实例 - 数组排序及元素查找 以下实例演示了如何使用sort()方法对Java数组进行排序,及如何使用 ...

  • 几个有用的 JavaScript 技巧

    1.对数字数组进行排序 JavaScript 数组有内置的 sort 方法。默认情况下 sort 方法把数组元素转...

  • Java实例-数组

    1、Java 实例 – 数组排序及元素查找:使用sort()方法对Java数组进行排序,使用 binarySear...

  • JavaScript 坑与技巧:sort

    sort() 直接使用sort对数组排序 Array的sort()方法默认把所有元素先转换为 String 再排序...

  • sort 排序方法的实现原理

    1. sort 方法的基本使用 sort 方法是对数组元素进行排序,默认排序顺序是先将元素转换为字符串,然后再进...

  • JS练习2:数组(牛客)

    1 sort()方法 Array.sort()方法将数组中的元素排序并返回排序后的数组。当不带参数调用sort()...

  • sort原理

    sort()对数组进行排序,原数组改变 sort()方法没有参数时,按照ascii码对元素进行排序 sort()方...

  • javascript高级程序设计5

    数组的排序方法:1.reverse()方法 这个方法就是将数组元素反向排序2.sort()方法 ...

网友评论

    本文标题:如何使用JavaScript数组方法sort给数值类型元素排序

    本文链接:https://www.haomeiwen.com/subject/dxvsnctx.html