這篇文章主要介紹了vue.js或js如何實現(xiàn)中文A-Z排序，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)專注于企業(yè)網(wǎng)絡(luò)營銷推廣、網(wǎng)站重做改版、龍州網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁面制作、商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為龍州等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

js的作用是什么

1、能夠嵌入動態(tài)文本于HTML頁面。2、對瀏覽器事件做出響應(yīng)。3、讀寫HTML元素。4、在數(shù)據(jù)被提交到服務(wù)器之前驗證數(shù)據(jù)。5、檢測訪客的瀏覽器信息。6、控制cookies，包括創(chuàng)建和修改等。7、基于Node.js技術(shù)進行服務(wù)器端編程。

實現(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)) {  //判斷中文字符在哪一個類別
                    curr.data.push(arrList[j]);
                  }
                }
              }
            }else{
              for(var k =0;k
將從php中獲取的json對象轉(zhuǎn)換成數(shù)組，vue中直接調(diào)用->this.pySort(arr); js直接調(diào)用pySort(arr)方法即可    即可實現(xiàn)按照A-Z的格式排序
如下圖在控制臺輸出的格式：
letter中存放鍵值A(chǔ)-Z
data:存放排序后的數(shù)組
至于vue中需要放在頁面中，使用v-for循環(huán)即可 v-for="(key,value) in arr"
需要獲取data數(shù)組的值，繼續(xù)使用v-for="tmp in (key.data)"循環(huán)在你想輸入擺放的元素中
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“vue.js或js如何實現(xiàn)中文A-Z排序”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司，關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
            

            當(dāng)前名稱：vue.js或js如何實現(xiàn)中文A-Z排序-創(chuàng)新互聯(lián)            

            新聞來源：http://weahome.cn/article/ccdpip.html