vue.js 、js實現中文A-Z排序

spademan 發布于2019-06-28 14:08 / 2235人閱讀

摘要：實現中文按照的方法，可以在的里面寫入阿八嚓噠妸發旮哈譏咔垃痳拏噢妑七呥扨它穵夕丫帀截取第一個字符首字符是英文的判斷是否是無漢字是否是中文判斷中文字符在哪一個類別截取第一個字符排序英文排序漢字排在英文后面將從中獲取的對象轉換成數組，

-實現中文按照A-Z的方法，可以在vue的methods里面寫入：

        methods:{
            pySort:function(arr,empty){
                var $this = this;
                if(!String.prototype.localeCompare)
                    return null;
                var letters = "ABCDEFGHJKLMNOPQRSTWXYZ".split("");
                var zh = "阿八嚓噠妸發旮哈譏咔垃痳拏噢妑七呥扨它穵夕丫帀".split("");
                var arrList = [];
                for(var m =0;m= 0 &&(!zh[i+1]||initial.localeCompare(zh[i+1]) <0)) {   //判斷中文字符在哪一個類別
                                    curr.data.push(arrList[j]);
                                }
                            }
                        }
                    }else{
                        for(var k =0;k
將從php中獲取的json對象轉換成數組，vue中直接調用->this.pySort(arr); js直接調用pySort(arr)方法即可; 即可實現按照A-Z的格式排序
如下圖在控制臺輸出的格式:

letter中存放鍵值A-Z
data:存放排序后的數組
至于vue中需要放在頁面中，使用v-for循環即可 v-for="(key,value) in arr" 
需要獲取data數組的值，繼續使用v-for="tmp in (key.data)"循環在你想輸入擺放的元素中
寫的比較簡單，這個方法在js中也通用
希望這篇文章可以幫助到需要排序的親~~~~

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/26000.html

vue.js 、js實現中文A-Z排序

摘要：實現中文按照的方法，可以在的里面寫入阿八嚓噠妸發旮哈譏咔垃痳拏噢妑七呥扨它穵夕丫帀截取第一個字符首字符是英文的判斷是否是無漢字是否是中文判斷中文字符在哪一個類別截取第一個字符排序英文排序漢字排在英文后面將從中獲取的對象轉換成數組， -實現中文按照A-Z的方法，可以在vue的methods里面寫入： methods:{ pySort:functio...

weknow619 2019-08-21 17:22 評論0 收藏0
前端資源系列（4）-前端學習資源分享&前端面試資源匯總

摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
前端文檔收集

摘要：系列種優化頁面加載速度的方法隨筆分類中個最重要的技術點常用整理網頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數組函數數據訪問性能優化方案實現的大排序算法一怪對象常用方法函數收集數組的操作面向對象和原型繼承中關鍵詞的優雅解釋淺談系列 H5系列 10種優化頁面加載速度的方法隨筆分類 - HTML5 HTML5中40個最重要的技術點常用meta整理網頁性能管理詳解 HTML5 ...

jsbintask 2019-08-21 12:05 評論0 收藏0
前端文檔收集

摘要：系列種優化頁面加載速度的方法隨筆分類中個最重要的技術點常用整理網頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數組函數數據訪問性能優化方案實現的大排序算法一怪對象常用方法函數收集數組的操作面向對象和原型繼承中關鍵詞的優雅解釋淺談系列 H5系列 10種優化頁面加載速度的方法隨筆分類 - HTML5 HTML5中40個最重要的技術點常用meta整理網頁性能管理詳解 HTML5 ...

muddyway 2019-08-29 13:21 評論0 收藏0