成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue.js 、js實(shí)現(xiàn)中文A-Z排序

spademan / 2241人閱讀

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

-實(shí)現(xiàn)中文按照A-Z的方法，可以在vue的methods里面寫入：

        methods:{
            pySort:function(arr,empty){
                var $this = this;
                if(!String.prototype.localeCompare)
                    return null;
                var letters = "ABCDEFGHJKLMNOPQRSTWXYZ".split("");
                var zh = "阿八嚓噠妸發(fā)旮哈譏咔垃痳拏噢妑七呥扨它穵夕丫帀".split("");
                var arrList = [];
                for(var m =0;m= 0 &&(!zh[i+1]||initial.localeCompare(zh[i+1]) <0)) {   //判斷中文字符在哪一個(gè)類別
                                    curr.data.push(arrList[j]);
                                }
                            }
                        }
                    }else{
                        for(var k =0;k

將從php中獲取的json對(duì)象轉(zhuǎn)換成數(shù)組，vue中直接調(diào)用->this.pySort(arr); js直接調(diào)用pySort(arr)方法即可; 即可實(shí)現(xiàn)按照A-Z的格式排序
如下圖在控制臺(tái)輸出的格式:




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

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/26000.html

相關(guān)文章

  • vue.js 、js實(shí)現(xiàn)中文A-Z排序

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

    weknow619 評(píng)論0 收藏0

  • 前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

    摘要：特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請(qǐng)斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會(huì)及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更...

    princekin 評(píng)論0 收藏0

  • 前端文檔收集

    摘要：系列種優(yōu)化頁(yè)面加載速度的方法隨筆分類中個(gè)最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁(yè)性能管理詳解離線緩存簡(jiǎn)介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對(duì)象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁(yè)面加載速度的方法 隨筆分類 - HTML5 HTML5中40個(gè)最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁(yè)性能管理詳解 HTML5 ...

    jsbintask 評(píng)論0 收藏0

  • 前端文檔收集

    摘要：系列種優(yōu)化頁(yè)面加載速度的方法隨筆分類中個(gè)最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁(yè)性能管理詳解離線緩存簡(jiǎn)介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實(shí)現(xiàn)的大排序算法一怪對(duì)象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁(yè)面加載速度的方法 隨筆分類 - HTML5 HTML5中40個(gè)最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁(yè)性能管理詳解 HTML5 ...

    muddyway 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<