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

  • 相关阅读:
    Linux中文显示乱码?如何设置centos显示中文
    查看mysql主从配置的状态及修正 slave不启动问题
    【Linux】Linux中的0644 和 0755的权限
    阿里云虚拟主机安装wordpress,提示连接数据库失败的解决方法
    neXtep 安装过程整理
    manjaro 设置开机启动脚本
    manjaro本地安装软件后添加快速启动到开始菜单
    k8s svc 添加 debug 端口
    为什么不建议在 MySQL 中使用 UTF-8?
    redis哨兵主从切换过程解析
  • 原文地址:https://www.cnblogs.com/Nbge/p/6004411.html
Copyright © 2011-2022 走看看