快捷導(dǎo)航

javascript高級(jí)的文件目錄排序代碼

更新時(shí)間：2010年08月30日 09:59:04 作者：

這幾天在做一個(gè)文件管理的模塊，里面有排序的功能，產(chǎn)品經(jīng)理看了說(shuō)希望能做出更加智能的文件排序功能，就像是win7的名稱排序一樣，主要就是文件名中的數(shù)字會(huì)按大小排序，而不是直接按ascii碼 ,這兩天晚上沒(méi)事，就先寫(xiě)了這個(gè)排序方法，下個(gè)版本中就可以用上了

剛寫(xiě)完，歡迎大家?guī)兔y(cè)試
完整的測(cè)試代碼:

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

主要的排序功能源碼如下(v1)：

復(fù)制代碼代碼如下:

 
var fileSort=function(arr){ 
arr.sort(); 
var res=[],temp=[],i=0,j=0,k,reg,sc=true,cur=arr[0]; 
while(cur.charCodeAt(0)<48){//數(shù)字之前的標(biāo)點(diǎn)等開(kāi)頭的 
res[i]=cur; 
if(i===arr.length-1)return res; 
cur=arr[++i]; 
} 
while(cur.charCodeAt(0)<58){//以數(shù)字開(kāi)頭的 
temp[j++]=cur; 
if(i===arr.length-1)break; 
cur=arr[++i]; 
} 
temp.sort(function(a,b){//排序以數(shù)字開(kāi)頭的 
return parseInt(a,10)-parseInt(b,10); 
}); 
res=res.concat(temp); 
temp=[];j=0; 
for(;i<arr.length;i++){ 
cur=arr[i]; 
if((k=cur.search(/\d+/))===-1 || i===arr.length-1){//最后一個(gè)文件時(shí)直接添加 
res[i]=cur; 
}else { 
reg=new RegExp("^"+cur.substr(0,k)+"\\d+"); 
while(cur.search(reg)!==-1){ 
temp[j++]=cur; 
if(i===arr.length-1)break; 
cur=arr[++i]; 
} 
if(temp.length>0){ 
temp.sort(function(a,b){ 
return parseInt(a.substr(k),10)-parseInt(b.substr(k),10); 
}); 
res=res.concat(temp); 
temp=[];j=0; 
i-=1;//減1，再執(zhí)行查找使while結(jié)束的str 
} 
} 
} 
return res; 
} 

后來(lái)想想，上面的版本中，前面兩個(gè)while完全是多余的，而且去掉之后，直接就支持了特殊字符后面中包含數(shù)字的排序
v2(注意RegExp尚未escape):

復(fù)制代碼代碼如下:

 
var fileSort=function(arr){ 
arr.sort(); 
var res=[],temp=[],i=0,j=0,k,reg,cur; 
for(;i<arr.length;i++){ 
cur=arr[i]; 
if((k=cur.search(/\d+/))===-1 || i===arr.length-1){//最后一個(gè)文件時(shí)直接添加 
res[i]=cur; 
}else { 
reg=new RegExp("^"+cur.substr(0,k)+"\\d+"); 
while(cur.search(reg)!==-1){ 
temp[j++]=cur; 
if(i===arr.length-1)break; 
cur=arr[++i]; 
} 
if(temp.length>0){ 
temp.sort(function(a,b){ 
return parseInt(a.substr(k),10)-parseInt(b.substr(k),10); 
}); 
res=res.concat(temp); 
temp=[];j=0; 
i-=1;//減1，再執(zhí)行查找使while結(jié)束的str 
} 
} 
} 
return res; 
} 

另外，最近用jq的發(fā)現(xiàn):
1 :hidden 這個(gè)選擇會(huì)選擇所有不可見(jiàn)元素，如果是clone()的元素，還沒(méi)添加到dom時(shí)，都是屬于不可見(jiàn)
2 .serialize() 使用這個(gè)方法時(shí)，需要為form內(nèi)的表單元素指定name,否則這個(gè)方法返回空字符串
3 jstree插件不能與早版本的validate插件同時(shí)使用，因?yàn)樵绨姹镜膙alidate重新了jq的delegate方法,更新版本就好了
4 ui中DatePicker插件不能與有.hasDatepicker的文本框綁定，需要先去掉此類名，才行
5 closest,live(delegate)真是好用的方法

您可能感興趣的文章: