下面小编就为大家带来一篇深入理解 js 数组的 sort 排序。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
废话少说直接上代码:
- <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 排序就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0227/265360.html