JS数组的排序和反转

最新推荐文章于 2024-11-06 11:23:57 发布

一圈儿的云

最新推荐文章于 2024-11-06 11:23:57 发布

阅读量6.9k

点赞数

分类专栏： JS 文章标签： javascript 排序数组

本文链接：https://blog.youkuaiyun.com/u010865433/article/details/49746927

版权

JS 专栏收录该内容

12 篇文章

订阅专栏

JS数组的排序和反转

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript">
        var arr1 = [43, 12, 21, 87, 9, 107];
        console.info(typeof arr1[0]);
        //排序不成功？
        console.info(arr1.sort());

        var arr2 = ['q', 's', 'f', 'g', 'c'];
        console.info(arr2);
        //数组排序,
        //数组在原数组上进行排序，不生成副本。
        console.info(arr2.sort());
        //数组反转
        arr2.reverse();
        console.info(arr2);


        //js中foreach遍历数组
        function printArr(arr) {
            //js中的foreach ，基于回调函数
            arr.forEach(function (value, index, traversedobject) {
                console.info(value + '-->');
            });
        }
        printArr(arr2);


        function Person(name,age) {
            this.name = name;
            this.age = age;
        }


        //对于非基本类型，如要需要排序需要指定排序的策略
        var persons = [];
        for(var i=0;i<5;i++){
            var age = Math.floor(Math.random() * 100);

            persons[persons.length]=new Person('kanbujian'+i,age);
        }

        persons.sort(function (p1, p2) {
            return p1.age - p2.age;

        });
        console.info(persons);
        function printArr2(arr) {
            //js中的foreach ，基于回调函数
            arr.forEach(function (value, index, traversedobject) {
                console.info(value.name+"   "+value.age);
            });
        }
        printArr2(persons);


       </script>
</head>
<body>
    <h1 style="text-align:center">数组的排序</h1>
</body>
</html>

这里写图片描述