基于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)站的支持!
相關文章
JavaScript+Canvas實現(xiàn)繪制音頻可視化波形圖
這篇文章主要為大家詳細介紹了如何利用JavaScript和Canvas實現(xiàn)繪制音頻可視化波形圖,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-02-02webpack使用 babel-loader 轉換 ES6代碼示例
本篇文章主要介紹了webpack使用 babel-loader 轉換 ES6代碼 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-08-08JavaScript Reflect Metadata實現(xiàn)詳解
這篇文章主要介紹了JavaScript Reflect Metadata實現(xiàn)詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-12-12javascript獲取ckeditor編輯器的值(實現(xiàn)代碼)
這篇文章主要介紹了javascript獲取ckeditor編輯器的值,用于表單驗證。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11