深入理解js數(shù)組的sort排序
更新時間:2016年05月28日 16:41:02 投稿:jingxian
下面小編就為大家?guī)硪黄钊肜斫鈐s數(shù)組的sort排序。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
廢話少說直接上代碼:
<body> <div> sort()對數(shù)組排序,不開辟新的內(nèi)存,對原有數(shù)組元素進行調(diào)換 </div> <div id="showBox"> 1、簡單數(shù)組簡單排序 <script type="text/javascript"> var arrSimple=new Array(1,8,7,6); arrSimple.sort(); document.writeln(arrSimple.join()); </script> </div> <div> 2、簡單數(shù)組自定義排序 <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表示數(shù)組中的任意兩個元素,若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數(shù)組的sort排序就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
微信小程序使用scroll-view標簽實現(xiàn)自動滑動到底部功能的實例代碼
本文通過實例代碼給大家介紹了微信小程序使用scroll-view標簽實現(xiàn)自動滑動到底部功能,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧2018-11-11JavaScript生成隨機數(shù)的4種自定義函數(shù)分享
這篇文章主要介紹了JavaScript生成隨機數(shù)的4種自定義函數(shù)分享,本文講解了4種方法并同時給出4個代碼片段,需要的朋友可以參考下2015-02-02使用Javascript判斷瀏覽器終端設備(PC、IOS(iphone)、Android)
WEB開發(fā)中如何通過Javascript來判斷終端為PC、IOS(iphone)、Android呢?可以通過判斷瀏覽器的userAgent,用正則來判斷手機是否是ios和Android客戶端,下面通過本文學習下吧2017-01-01