JS数组的排序和反转

原创 2015年11月09日 23:19:43

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>

这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。

JS Array.reverse 将数组元素颠倒顺序

//JS Array.reverse 将数组元素颠倒顺序 //在JavaScript中,Array对象的reverse()方法将颠倒(反转)数组中元素的顺序。arr.reverse()在原数组上实现...
  • binggoogle
  • binggoogle
  • 2016年03月10日 16:02
  • 24911

js for循环倒序输出数组元素

倒序输出数组元素 var a=[1,2,3,4] for(var i=a.length-1;i>=0;i--){ document.write(a[i]+'');} hellp...
  • bymyself11
  • bymyself11
  • 2016年07月27日 13:51
  • 10346

使用js实现数组逆序

js数组逆序 var array=[1,2,3,4,5,6,7,8,9]; for(var i=0,length=array...
  • wuzhe128520
  • wuzhe128520
  • 2016年04月11日 01:15
  • 2888

原生JS将列表子元素顺序反转

编写一个函数将一个列表里面的所有子元素顺序反转,问题不难但是解决的方法却有多种,而且性能大不一样,下面就介绍几种常用的方法: 1. 采用直接的DOM操作: var ul = document.ge...
  • w770583069
  • w770583069
  • 2017年07月24日 11:46
  • 440

js模拟反转数组reverse()

// 自定义反转数组的方法 /** * 定义反转数组的方法 array_reverse() * @param array arr 要反转的数组 * return array newAr...
  • sunlizhen
  • sunlizhen
  • 2017年08月09日 21:40
  • 273

浅谈原生js的五个数组迭代方法

浅谈原生js的五个数组迭代方法 ES5为数组定义了5个迭代方法,每个方法都接收两个参数:(1)在每一项上执行的函数(2)运行该函数的作用域对象,影响this的值(可选) 传入这些迭代方法的函...
  • source_ko
  • source_ko
  • 2017年04月08日 16:30
  • 489

js Array 原生方法

比较有用的原生js数组方法
  • nbin2008
  • nbin2008
  • 2016年09月18日 22:14
  • 4977

深入探讨JS中的数组排序函数sort()和reverse()

最近在研究Javascript发现了其中一些比较灵异的事情。有点让人感到无语比如:   alert(typeof( NaN == NaN));//结果为假。   alert(typeof(...
  • woaijianjiandandande
  • woaijianjiandandande
  • 2016年10月26日 16:48
  • 4414

js中数组的排序

[javascript] view plain copy console.log("------默认排序(ASCII字符排序)------");  var arr = [1,2,55,12,...
  • salonzhou
  • salonzhou
  • 2016年03月04日 12:42
  • 3425

JS写的排序算法演示

看到网上有老外写的,就拿起自已之前完成的jmgraph画图组件也写了一个。 想了解jmgraph的请移步:https://github.com/jiamao/jmgraph 当前演示请查看:h...
  • JiaMaoforeach
  • JiaMaoforeach
  • 2015年07月24日 09:36
  • 667
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS数组的排序和反转
举报原因:
原因补充:

(最多只允许输入30个字)