js数组的sort排序详解
2016-01-15 21:11
676 查看
<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>
相关文章推荐
- HTML—JavaScript基础(三)
- 2016.1.15 百度API和JSON的解析,还有总经理话的体会
- js 程序执行与顺序实现详解
- JS this指向
- Javascript 严格模式详解
- 排序—交换排序(js实现)
- javascript——四种函数调用形式
- 最简单的二维数组的筛选问题
- 判断JSON是否包含字段
- javascript+div弹出框(拼接页面)
- 【翻译】在Ext JS和Sencha Touch中创建自己定义布局
- jstree使用示例
- javascript同步异步
- bzoj 1013 [JSOI2008]球形空间产生器sphere(高斯消元)
- nw.js FrameLess Window下的窗口拖拽与窗口大小控制
- JSQMessagesViewController (一)
- JavaScript 学习摘要
- JavaScript 代码调试工具js代码调试 在火狐浏览器中调试js代码
- ExtJs布局详解
- 使用js创建select option