基于JS模仿windows文件按名稱排序效果
作個(gè)記錄,主要是對(duì)數(shù)字的處理,如果數(shù)字的前面字符是相同的,則數(shù)字以值比較,而不是單個(gè)字符之間的比較。
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++) {
//數(shù)字所在位置序號(hào)
var indexa = a.indexOf(lista[i]);
var indexb = b.indexOf(listb[i]);
//數(shù)字前面的前綴
var prefixa = a.substring(0, indexa);
var prefixb = a.substring(0, indexb);
//數(shù)字的string
var stra = lista[i];
var strb = listb[i];
//數(shù)字的值
var numa = parseInt(stra);
var numb = parseInt(strb);
//如果數(shù)字的序號(hào)不等或前綴不等,屬于前綴不同的情況,直接比較
if (indexa != indexb || prefixa != prefixb) {
return a.localeCompare(b);
}
else {
//數(shù)字的string全等
if (stra === strb) {
//如果是最后一個(gè)數(shù)字,比較數(shù)字的后綴
if (i == minLen - 1) {
return a.substring(indexa).localeCompare(b.substring(indexb));
}
//如果不是最后一個(gè)數(shù)字,則循環(huán)跳轉(zhuǎn)到下一個(gè)數(shù)字,并去掉前面相同的部分
else {
a = a.substring(indexa + stra.length);
b = b.substring(indexa + stra.length);
}
}
//如果數(shù)字的string不全等,但值相等
else if (numa == numb) {
//直接比較數(shù)字前綴0的個(gè)數(shù),多的更小
return strb.lastIndexOf(numb + '') - stra.lastIndexOf(numa + '');
}
else {
//如果數(shù)字不等,直接比較數(shù)字大小
return numa - numb;
}
}
}
}
使用方法,Array.sort(SortLikeWin);
以上所述是小編給大家介紹的基于JS模仿windows文件按名稱排序效果,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
41個(gè)Web開發(fā)者必須收藏的JavaScript實(shí)用技巧
41個(gè)Web開發(fā)者必須收藏的JavaScript實(shí)用技巧,分享給大家,感興趣的小伙伴們可以參考一下2016-07-07
JavaScript設(shè)計(jì)模式之代理模式介紹
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之代理模式介紹,代理模式顧名思義就是用一個(gè)類來代替另一個(gè)類來執(zhí)行方法功能,需要的朋友可以參考下2014-12-12
JavaScript中關(guān)于iframe滾動(dòng)條的去除和保留
在開發(fā)中經(jīng)常遇到去掉全部的滾動(dòng)條,去掉右邊的滾動(dòng)條且保留底下的滾動(dòng)條,去掉底下的滾動(dòng)條且保留右邊的滾動(dòng)條,大家基于js是怎么實(shí)現(xiàn)的呢?下面小編通過本文給大家詳細(xì)介紹下,對(duì)js iframe滾動(dòng)條相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-11-11
js獲取當(dāng)前年月日-YYYYmmDD格式的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s獲取當(dāng)前年月日-YYYYmmDD格式的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06

