欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于JS模仿windows文件按名稱排序效果

 更新時間:2016年06月29日 10:29:36   作者:本無所謂有無  
這篇文章主要介紹了基于JS實現(xiàn)模仿windows文件按名稱排序的相關資料,主要是對數(shù)字的處理操作,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

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

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ù)字所在位置序號
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ù)字的序號不等或前綴不等,屬于前綴不同的情況,直接比較
if (indexa != indexb || prefixa != prefixb) {
return a.localeCompare(b);
}
else {
//數(shù)字的string全等
if (stra === strb) {
//如果是最后一個數(shù)字,比較數(shù)字的后綴
if (i == minLen - 1) {
return a.substring(indexa).localeCompare(b.substring(indexb));
}
//如果不是最后一個數(shù)字,則循環(huán)跳轉到下一個數(shù)字,并去掉前面相同的部分
else {
a = a.substring(indexa + stra.length);
b = b.substring(indexa + stra.length);
}
}
//如果數(shù)字的string不全等,但值相等
else if (numa == numb) {
//直接比較數(shù)字前綴0的個數(shù),多的更小
return strb.lastIndexOf(numb + '') - stra.lastIndexOf(numa + '');
}
else {
//如果數(shù)字不等,直接比較數(shù)字大小
return numa - numb;
}
}
}
}

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

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

相關文章

  • js如何清空input?file的值

    js如何清空input?file的值

    這篇文章主要介紹了js如何清空input?file的值問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-01-01
  • js中最容易被忽視的事件問題大總結

    js中最容易被忽視的事件問題大總結

    下面小編就為大家?guī)硪黄猨s中最容易被忽視的事件問題大總結。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考,一起跟隨小編過來看看吧,祝大家游戲愉快哦
    2016-05-05
  • JavaScript+Canvas實現(xiàn)繪制音頻可視化波形圖

    JavaScript+Canvas實現(xiàn)繪制音頻可視化波形圖

    這篇文章主要為大家詳細介紹了如何利用JavaScript和Canvas實現(xiàn)繪制音頻可視化波形圖,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
    2024-02-02
  • Javascript的無new構建實例詳解

    Javascript的無new構建實例詳解

    這篇文章主要介紹了Javascript的無new構建實例詳解的相關資料,小編感覺介紹的非常詳細,具有參考借鑒價值,感興趣的朋友一起學習吧
    2016-05-05
  • webpack使用 babel-loader 轉換 ES6代碼示例

    webpack使用 babel-loader 轉換 ES6代碼示例

    本篇文章主要介紹了webpack使用 babel-loader 轉換 ES6代碼 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下。
    2017-08-08
  • js 彈出菜單/窗口效果

    js 彈出菜單/窗口效果

    想象一下,你把一個重要內(nèi)容放在一個彈出窗口,又不聚集到這個窗口。讓使用屏幕閱讀器的同學情何以堪,只有當他們 tab 到這頁面結束,還繼續(xù) tab,才可能找到這個彈窗
    2011-10-10
  • JavaScript Reflect Metadata實現(xiàn)詳解

    JavaScript Reflect Metadata實現(xiàn)詳解

    這篇文章主要介紹了JavaScript Reflect Metadata實現(xiàn)詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-12-12
  • javascript 判斷用戶有沒有操作頁面

    javascript 判斷用戶有沒有操作頁面

    這篇文章主要介紹了javascript 判斷用戶有沒有操作頁面的相關資料,希望通過本文能幫助到大家,需要的朋友可以參考下
    2017-10-10
  • javascript獲取ckeditor編輯器的值(實現(xiàn)代碼)

    javascript獲取ckeditor編輯器的值(實現(xiàn)代碼)

    這篇文章主要介紹了javascript獲取ckeditor編輯器的值,用于表單驗證。需要的朋友可以過來參考下,希望對大家有所幫助
    2013-11-11
  • echarts折線圖每段顯示不同的顏色的實現(xiàn)

    echarts折線圖每段顯示不同的顏色的實現(xiàn)

    本文主要介紹了echarts折線圖每段顯示不同的顏色的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-09-09

最新評論