js数组的sort排序详解
http://www.cnblogs.com/longze/archive/2012/11/27/2791230.html
<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>
轉載于:https://www.cnblogs.com/lteal/p/4255382.html
總結
以上是生活随笔為你收集整理的js数组的sort排序详解的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 一步一图一代码之排序二叉树
- 下一篇: UICollectionViewCont