DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript高級的文件目錄排序代碼
javascript高級的文件目錄排序代碼
編輯:關於JavaScript     
剛寫完,歡迎大家幫忙測試
完整的測試代碼:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
主要的排序功能源碼如下(v1):
復制代碼 代碼如下:
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){//數字之前的標點等開頭的
res[i]=cur;
if(i===arr.length-1)return res;
cur=arr[++i];
}
while(cur.charCodeAt(0)<58){//以數字開頭的
temp[j++]=cur;
if(i===arr.length-1)break;
cur=arr[++i];
}
temp.sort(function(a,b){//排序以數字開頭的
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,再執行查找使while結束的str
}
}
}
return res;
}

後來想想,上面的版本中,前面 兩個while完全是多余 的,而且去掉之後 ,直接就支持了特殊字符後面中包含數字的排序
v2(注意RegExp尚未escape):
復制代碼 代碼如下:
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,再執行查找使while結束的str
}
}
}
return res;
}

另外,最近用jq的發現:
1 :hidden 這個選擇會選擇所有不可見元素,如果是clone()的元素,還沒添加到dom時,都是屬於不可見
2 .serialize() 使用這個方法時,需要為form內的表單元素指定name,否則這個方法返回空字符串
3 jstree插件不能與早版本的validate插件同時使用,因為早版本的validate重新了jq的delegate方法,更新版本就好了
4 ui中DatePicker插件不能與有.hasDatepicker的文本框綁定 ,需要先去掉此類名,才行
5 closest,live(delegate)真是好用的方法
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved