我們先來看看sort 的簡單應(yīng)用:

var arr=[2,1,3,4]; alert(arr.sort()) // [1,2,3,4] 從小到大排列

//現(xiàn)在由大到小排列 " /> av在线不卡播放,午夜激情福利电影,久久久精品国产

中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

深入聊聊Array的sort方法的使用技巧.詳細(xì)點評protype.js中的sortBy方法

Array.prototype.sort方法是對數(shù)組進(jìn)行排序, 該方法帶一個函數(shù)參數(shù),用來指定排序的規(guī)則.

我們先來看看sort 的簡單應(yīng)用:


var arr=[2,1,3,4];
alert(arr.sort())  // [1,2,3,4] 從小到大排列

//現(xiàn)在由大到小排列  得到 [4,3,2,1]
alert(arr.sort(function(left,right){return left>right?-1:1}))

//這里,sort方法通過參數(shù)函數(shù)的返回值 1或者-1來決定是順排還是倒排

還記得我以前和大家說過的 利用 Function.apply 方法來獲取數(shù)組中的最大元素的方法嗎?
文中用了兩種不同的方法來獲取數(shù)組中的最大值.
現(xiàn)在 sort也可以來秀一下了.

var arr=[2,1,3,4];
var minValue=arr.sort()[0];
var maxValue=arr.sort()[arr.length-1]   //  arr.sort().pop()

 怎么樣,這也是一種另類實現(xiàn)方法吧,還不用寫循環(huán)遍歷. 
不過,我必須要指出的是,這種方法的效率是最低的,對于幾十個百來個元素的數(shù)組,你還是可以使用這種技巧.
但是,如果數(shù)組很大,用 sort()方法可以慢得讓你想抽煙

進(jìn)一步討論 sort 對復(fù)雜數(shù)據(jù)結(jié)構(gòu)的排序.
1. 對多維數(shù)組的排序


var arr=[
             [2,1,55,4],
             [5,3,22,3],
             [1,2,77,2],
             [9,4,33,5],
          ];                 
alert("默認(rèn)按第一列排/n"+arr.sort().join("/n"))  
alert("現(xiàn)在按第三列排/n"+arr.sort(function(left,right){return left[2]>right[2]?1:-1}).join("/n"))  
alert("現(xiàn)在按第三列倒排/n"+arr.sort(function(left,right){return left[2]>right[2]?-1:1}).join("/n"))  
2.對復(fù)雜數(shù)據(jù)結(jié)構(gòu)的排序

Array.prototype.each=function(f){for(var i=0;i<this.length;i++) f(this[i],i,this)}
function showName(item){alert(item.name)}; //打印名字

var arr=[
             {name:"bill",money:500},
             {name:"go_rush",money:400},
             {name:"dudu",money:9000}
          ];                 
//依次顯示 dudu,bill,go_rush 看來dudu是最有錢的,而我是最窮的
arr.sort(function(left,right){return left.money>right.money?-1:1}).each(showName) 

 3.對表格的排序,這個話題我昨天和大家聊過了.  
參見:
http://www.cnblogs.com/ashun/archive/2006/11/30/appendChild_table_sort.html

 更復(fù)雜的表格排序(也是用Array的sort函數(shù)): 
http://community.csdn.NET/expert/Topicview2.ASP?id=5174915


 4. Protype.js 中對 sort有一個構(gòu)思非常巧妙的擴展,先看他的代碼

1   sortBy: function(iterator) {
2     return this.collect(function(value, index) {
3       return {value: value, criteria: iterator(value, index)};
4     }).sort(function(left, right) {
5       var a = left.criteria, b = right.criteria;
6       return a < b ? -1 : a > b ? 1 : 0;
7     }).pluck('value');
8   },


 這個 sortBy 允許傳入一個函數(shù), 并把數(shù)組的每一個元素作為參數(shù)執(zhí)行該函數(shù),最后對函數(shù)返回的結(jié)果排序.
下面我來分解他的這個函數(shù).
collect方法實際就是 map方法.相當(dāng)于
Array.prototype.map=function(f){
       for(var i=0;ret=[];i<this.length;i++)  ret[i]=f(this[i],i,this)
      return ret
}

 比如,現(xiàn)在 
arr=[2,1,4,3]
iterator=function(x){return x*x}

1-3行代碼就得到了這樣一個數(shù)組 
[
   {value:2,criteria:4},
   {value:1,criteria:1},
   {value:4,criteria:16},
   {value:3,criteria:9}
]

4-6行代碼就對數(shù)組按 criteria:進(jìn)行排序,由小到大.排完得到
[
   {value:1,criteria:1},
   {value:2,criteria:4},
   {value:3,criteria:9},
   {value:4,criteria:16}
]

第7行代碼最簡單了,取每個元素的value屬性,最終得到 [1,2,3,4]  實現(xiàn)對arr的sortBy(function...)排序


可能我的語言表達(dá)能力有限啊,說prototype.js 的 sortBy的時候硬是不知怎么用文字表達(dá)為好.
害得大家那么辛苦看我寫的解說代碼,實在是不好意思!

JavaScript技術(shù)深入聊聊Array的sort方法的使用技巧.詳細(xì)點評protype.js中的sortBy方法,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 美女黄网站 | 日韩免费网站 | 99re视频在线免费观看 | 美女视频一区二区三区 | 中文字幕99| 二区av| 爱综合| 97人人草 | 日本黄色片免费在线观看 | 亚洲欧美自拍偷拍视频 | 国产日韩精品视频 | 午夜精品一区二区三区在线 | 久久视频精品 | 久久午夜电影 | 亚洲精品女优 | 全免费a级毛片免费看视频免 | 色欧美片视频在线观看 | 欧美成ee人免费视频 | 成人亚洲精品 | 一区二区三区免费 | 欧美精品片 | 久久久视频在线 | 国产精品av久久久久久久久久 | 国产99热在线 | 91久久国产综合久久 | 在线成人免费av | 国产精品久久欧美久久一区 | 国产成人网 | 91麻豆产精品久久久久久夏晴子 | 亚洲精品一区中文字幕乱码 | 极品在线 | 亚洲综合无码一区二区 | 欧美成人精品一区二区三区 | 日韩精品久久一区二区三区 | 亚洲大片在线观看 | 羞羞的视频在线观看 | 亚洲一区二区精品视频 | 一区二区免费在线 | 亚洲福利网 | 久久久久久久久久久久久9999 | 欧美综合久久 |