快捷導(dǎo)航

javascript高級的文件目錄排序代碼

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

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

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

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(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)點等開頭的 
res[i]=cur; 
if(i===arr.length-1)return res; 
cur=arr[++i]; 
} 
while(cur.charCodeAt(0)<58){//以數(shù)字開頭的 
temp[j++]=cur; 
if(i===arr.length-1)break; 
cur=arr[++i]; 
} 
temp.sort(function(a,b){//排序以數(shù)字開頭的 
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){//最后一個文件時直接添加 
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; 
} 

后來想想，上面的版本中，前面兩個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){//最后一個文件時直接添加 
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 這個選擇會選擇所有不可見元素，如果是clone()的元素，還沒添加到dom時，都是屬于不可見
2 .serialize() 使用這個方法時，需要為form內(nèi)的表單元素指定name,否則這個方法返回空字符串
3 jstree插件不能與早版本的validate插件同時使用，因為早版本的validate重新了jq的delegate方法,更新版本就好了
4 ui中DatePicker插件不能與有.hasDatepicker的文本框綁定，需要先去掉此類名，才行
5 closest,live(delegate)真是好用的方法

您可能感興趣的文章: