js怎麼實作中文拼音的A-Z排序

這次帶給大家js怎麼實現中文拼音的A-Z排序，js實作中文拼音的A-Z排序的注意事項有哪些，下面就是實戰案例，一起來看一下。

實作中文依照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<arr.length>= 0 &&(!zh[i+1]||initial.localeCompare(zh[i+1]) <p style="text-align: left;">
從php中取得的json<a href="http://www.php.cn/wiki/60.html" target="_blank">物件</a>轉換成<a href="http://www.php.cn/wiki/58.html" target="_blank">陣列</a>，vue中直接呼叫->this.pySort(arr); js直接呼叫pySort(arr)方法即可    即可實作按照A-Z的格式排序</p>
<p style="text-align: left;">#
<span style="color:#ff00ff;"><strong>如下圖在控制台輸出的格式：</strong></span></p>
<p style="text-align: left;">
</p>
<p style="text-align: left;">
letter中存放鍵值A-Z</p>
<p style="text-align: left;">#
data:存放排序後的陣列</p>
<p style="text-align: left;">#
至於vue中需要放在頁面中，使用v-<a href="http://www.php.cn/code/9672.html" target="_blank">for迴圈</a>即可 v-for="(key,value) in arr"</p>
<p style="text-align: left;">#
需要取得data數組的值，繼續使用v-for="tmp in (key.data)"循環在你想要輸入擺放的元素中</p>
<p style="text-align: left;">#
寫的比較簡單，這個方法在js中也通用</p>
<p>相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！ </p>
<p>推薦閱讀：</p>
<p><a href="http://www.php.cn/js-tutorial-392205.html" target="_blank">select的option疊加如何處理</a><br></p>
<p><a href="http://www.php.cn/js-tutorial-392202.html" target="_blank">#vue行動端的UI框架實作側邊選單外掛程式效果</a><br></p>
<!--content end--></arr.length>

以上是js怎麼實作中文拼音的A-Z排序的詳細內容。更多資訊請關注PHP中文網其他相關文章！