DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 基於JS模仿windows文件按名稱排序效果
基於JS模仿windows文件按名稱排序效果
編輯:關於JavaScript     

作個記錄,主要是對數字的處理,如果數字的前面字符是相同的,則數字以值比較,而不是單個字符之間的比較。

function SortLikeWin(v1, v2) {
var a = v1.name;
var b = v2.name;
var reg = /[0-9]+/g;
var lista = a.match(reg);
var listb = b.match(reg);
if (!lista || !listb) {
return a.localeCompare(b);
}
for (var i = 0, minLen = Math.min(lista.length, listb.length) ; i < minLen; i++) {
//數字所在位置序號
var indexa = a.indexOf(lista[i]);
var indexb = b.indexOf(listb[i]);
//數字前面的前綴
var prefixa = a.substring(0, indexa);
var prefixb = a.substring(0, indexb);
//數字的string
var stra = lista[i];
var strb = listb[i];
//數字的值
var numa = parseInt(stra);
var numb = parseInt(strb);
//如果數字的序號不等或前綴不等,屬於前綴不同的情況,直接比較
if (indexa != indexb || prefixa != prefixb) {
return a.localeCompare(b);
}
else {
//數字的string全等
if (stra === strb) {
//如果是最後一個數字,比較數字的後綴
if (i == minLen - 1) {
return a.substring(indexa).localeCompare(b.substring(indexb));
}
//如果不是最後一個數字,則循環跳轉到下一個數字,並去掉前面相同的部分
else {
a = a.substring(indexa + stra.length);
b = b.substring(indexa + stra.length);
}
}
//如果數字的string不全等,但值相等
else if (numa == numb) {
//直接比較數字前綴0的個數,多的更小
return strb.lastIndexOf(numb + '') - stra.lastIndexOf(numa + '');
}
else {
//如果數字不等,直接比較數字大小
return numa - numb;
}
}
}
}

使用方法,Array.sort(SortLikeWin);

以上所述是小編給大家介紹的基於JS模仿windows文件按名稱排序效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved