• js数组的sort排序详解


    废话少说直接上代码:

    <body>
        <div>
        sort()对数组排序,不开辟新的内存,对原有数组元素进行调换
        </div>
        <div id="showBox">
        1、简单数组简单排序
        <script type="text/javascript">
            var arrSimple=new Array(1,8,7,6);
            arrSimple.sort();
            document.writeln(arrSimple.join());
        </script>
        </div>
        <div>
        2、简单数组自定义排序
        <script type="text/javascript">
            var arrSimple2=new Array(1,8,7,6);
            arrSimple2.sort(function(a,b){
                return b-a});
            document.writeln(arrSimple2.join());
        </script>
        解释:a,b表示数组中的任意两个元素,若return > 0 b前a后;reutrn < 0 a前b后;a=b时存在浏览器兼容
        简化一下:a-b输出从小到大排序,b-a输出从大到小排序。
        </div>
        <div>
        3、简单对象List自定义属性排序
        <script type="text/javascript">
            var objectList = new Array();
            function Persion(name,age){
                this.name=name;
                this.age=age;
                }
            objectList.push(new Persion('jack',20));
            objectList.push(new Persion('tony',25));
            objectList.push(new Persion('stone',26));
            objectList.push(new Persion('mandy',23));
            //按年龄从小到大排序
            objectList.sort(function(a,b){
                return a.age-b.age});
            for(var i=0;i<objectList.length;i++){
                document.writeln('<br />age:'+objectList[i].age+' name:'+objectList[i].name);
                }
        </script>
        </div>
        <div>
        4、简单对象List对可编辑属性的排序
        <script type="text/javascript">
            var objectList2 = new Array();
            function WorkMate(name,age){
                this.name=name;
                var _age=age;
                this.age=function(){
                    if(!arguments)
                    {
                        _age=arguments[0];}
                    else
                    {
                        return _age;}
                    }
                    
                }
            objectList2.push(new WorkMate('jack',20));
            objectList2.push(new WorkMate('tony',25));
            objectList2.push(new WorkMate('stone',26));
            objectList2.push(new WorkMate('mandy',23));
            //按年龄从小到大排序
            objectList2.sort(function(a,b){
                return a.age()-b.age();
                });
            for(var i=0;i<objectList2.length;i++){
                document.writeln('<br />age:'+objectList2[i].age()+' name:'+objectList2[i].name);
                }
        </script>
        </div>
    </body>

    谢谢关注!

  • 相关阅读:
    Typekit在线字库及使用方法
    SVG基础图形和D3.js
    CSS3 媒体查询@media 查询(响应式布局)
    Bootstrap 栅格系统(布局)
    CSS——图片替换方法:Fahrner图片替换法(FIR)
    CSS sprites(css 精灵):将小图标整合到一张图片上
    [html]点击button后画面被刷新原因:未设置type="button"
    [java]No qualifying bean of type 解决方法
    [eclipse]eclipse设置条件断点Breakpoint Properties
    Intent的setFlag和addFlag有什么区别?
  • 原文地址:https://www.cnblogs.com/longze/p/2791230.html
Copyright © 2020-2023  润新知