深入理解js数组的sort排序


Posted in Javascript onMay 28, 2016

废话少说直接上代码:

<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>

以上这篇深入理解js数组的sort排序就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Js sort排序使用方法
Oct 17 Javascript
js精度溢出解决方案
Dec 02 Javascript
js淡入淡出的图片轮播效果代码分享
Aug 24 Javascript
JS敏感词过滤代码
Dec 23 Javascript
解析ajaxFileUpload 异步上传文件简单使用
Dec 30 Javascript
angularjs实现搜索的关键字在正文中高亮出来
Jun 13 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
Aug 15 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
了解ESlint和其相关操作小结
May 21 Javascript
实例详解带参数的 npm script
May 28 Javascript
javascript 原型与原型链的理解及实例分析
Nov 23 Javascript
Vue+tracking.js 实现前端人脸检测功能
Apr 16 Javascript
深入理解js函数的作用域与this指向
May 28 #Javascript
js和C# 时间日期格式转换的简单实例
May 28 #Javascript
JS函数arguments数组获得实际传参数个数的实现方法
May 28 #Javascript
深入理解JS函数的参数(arguments)的使用
May 28 #Javascript
深入理解js中this的用法
May 28 #Javascript
关于function类中定义变量this的简单说明
May 28 #Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
May 28 #Javascript
You might like
搜索和替换文件或目录的一个好类--很实用
2006/10/09 PHP
PHP 页面跳转到另一个页面的多种方法方法总结
2009/07/07 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
laravel-admin 中列表筛选方法
2019/10/03 PHP
js同时按下两个方向键
2007/12/01 Javascript
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
2015/03/05 Javascript
JQuery中DOM事件冒泡实例分析
2015/06/13 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
JavaScript操作class和style样式代码详解
2016/02/13 Javascript
jquery trigger实现联动的方法
2016/02/29 Javascript
基于BootStrap的图片轮播效果展示实例代码
2016/05/23 Javascript
基于jQuery的ajax方法封装
2016/07/14 Javascript
详解Angular 4.x 动态创建组件
2017/04/25 Javascript
详解Node.js开发中的express-session
2017/05/19 Javascript
vue2.0 资源文件assets和static的区别详解
2018/04/08 Javascript
在node中使用jwt签发与验证token的方法
2019/04/03 Javascript
详解js实时获取并显示当前时间的方法
2019/05/10 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
pandas中apply和transform方法的性能比较及区别介绍
2018/10/30 Python
python实现数据分析与建模
2019/07/11 Python
django 取消csrf限制的实例
2020/03/13 Python
关于Python 解决Python3.9 pandas.read_excel(‘xxx.xlsx‘)报错的问题
2020/11/28 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
100%羊绒:NakedCashmere
2020/08/26 全球购物
先进班级集体事迹材料
2014/01/30 职场文书
《囚绿记》教学反思
2014/03/01 职场文书
机关办公室岗位职责
2014/04/16 职场文书
销售竞赛活动方案
2014/08/23 职场文书
农村党建工作汇报材料
2014/10/27 职场文书
北京导游词
2015/02/12 职场文书
公司员工违法违章行为检讨书
2019/06/24 职场文书
Django实现聊天机器人
2021/05/31 Python
关于Spring配置文件加载方式变化引发的异常详解
2022/01/18 Java/Android
分享几个简单MySQL优化小妙招
2022/03/31 MySQL