zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    【图片加载大小优化】
    img标签实现和背景图一样的显示效果——object-fit和object-position
    【ios bug解决】 输入框聚焦时光标不显示
    service worker 实现页面通信
    【获取url 问号后参数】防中文乱码
    js去掉url后某参数【函数封装】
    ES6字符串模板
    ES6扩展运算符和rest运算符
    ES6变量的解构赋值
    ES6新的声明方式,var let const三种声明方式的区别
  • 原文地址:https://www.cnblogs.com/rswl/p/8134356.html
Copyright © 2011-2022 走看看