• 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("金针菇","笋尖","【青椒、红椒】","【葱、韭菜】","【千张、香干、豆腐】");
            arrSimple2.sort(function(a,b){
                return b.length-a.length
    //如果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>

      java技术交流群 57388149

  • 相关阅读:
    RF学习笔记
    解决pycharm下git命令使用时中文显示乱码
    Django2.2 学习笔记1-概念篇
    cookie、session、token的理解
    win10下安装与使用mysql
    Redis学习笔记
    MongoDB与pymongo学习笔记
    记:打开Charles后,win10 chrome访问https的网站提示“您的链接不是私密链接”的解决过程
    charles抓包教程
    jmeter遍历时间戳
  • 原文地址:https://www.cnblogs.com/Nbge/p/6004411.html
Copyright © 2020-2023  润新知