快捷導(dǎo)航

js實現(xiàn)漢字排序的方法

更新時間：2015年07月23日 17:16:17 作者：fzhlee

這篇文章主要介紹了js實現(xiàn)漢字排序的方法,涉及javascript針對中文編碼的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了js實現(xiàn)漢字排序的方法。分享給大家供大家參考。具體如下：

<script type="text/javascript">
<!--
  function startSort(){
   var a=document.getElementById('s').value;
   a=a.split(',')
   a.sort();
   document.getElementById('r1').value=a;
   a.sort(function(a,b){return a.localeCompare(b)});
   document.getElementById('r2').value=a;
  }
//-->
</script>
<p>包含漢字的字符串數(shù)組(用逗號","隔開)：<br />
<textarea id="s" style="width: 100%; overflow: scroll; word-wrap: normal;" rows="10">張韶涵,b土,abort,張學友,something,蘋果,五月天,劉德華,香蕉,apple,范瑋琪,阿桑</textarea></p>
<p style="text-align: center"><input type="button" value="排序測試" onclick="startSort()" style="width: 300px" /></p>
<p>默認排序結(jié)果：<br />
<textarea id="r1" style="width: 100%; overflow: scroll; word-wrap: normal;" rows="10"></textarea></p>
<p>漢字拼音順序排序結(jié)果：<br />
<textarea id="r2" style="width: 100%; overflow: scroll; word-wrap: normal;" rows="10"></textarea></p>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS使用tween.js動畫庫實現(xiàn)輪播圖并且有切換功能
本文通過實例代碼給大家介紹了JS使用tween.js動畫庫實現(xiàn)輪播圖并且有切換功能，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧
2018-07-07
webpack分離css單獨打包的方法
這篇文章主要介紹了webpack分離css單獨打包的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-06-06
微信小程序日程預(yù)約功能實現(xiàn)
本文介紹了如何使用微信小程序開發(fā)一個日程預(yù)約系統(tǒng),該系統(tǒng)包括頂部日期選擇器、中部的canvas繪制區(qū)和底部的數(shù)據(jù)回顯區(qū),本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友一起看看吧
2025-02-02
javascript動態(tài)生成樹形菜單的方法
這篇文章主要介紹了javascript動態(tài)生成樹形菜單的方法,涉及JavaScript針對頁面元素與屬性的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-11-11
js實現(xiàn)為a標簽添加事件的方法(使用閉包循環(huán))
這篇文章主要介紹了js實現(xiàn)為a標簽添加事件的方法,基于閉包循環(huán)實現(xiàn)事件添加的功能,涉及javascript閉包與事件操作相關(guān)技巧,需要的朋友可以參考下
2016-08-08
JavaScript實現(xiàn)獲取本機IP地址
這篇文章主要介紹了JavaScript實現(xiàn)獲取本機IP地址方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-07-07
微信小程序?qū)崿F(xiàn)點擊文字頁面跳轉(zhuǎn)功能【附源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)點擊文字頁面跳轉(zhuǎn)功能,涉及navigator導(dǎo)航組件的簡單使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
2017-12-12
uniapp小視頻項目開發(fā)之滑動播放視頻
最近在工作中遇到了一個視頻播放的需求,所以下面這篇文章主要給大家介紹了關(guān)于uniapp小視頻項目開發(fā)之滑動播放視頻的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
2022-04-04
Bootstrap 模態(tài)框(Modal)插件代碼解析
Bootstrap 模態(tài)框（Modal）插件模態(tài)框（Modal）是覆蓋在父窗體上的子窗體。這篇文章主要介紹了Bootstrap 模態(tài)框(Modal)插件代碼解析的相關(guān)資料,需要的朋友可以參考下
2016-12-12
JavaScript緩動動畫函數(shù)的封裝方法
這篇文章主要為大家詳細介紹了JavaScript緩動動畫函數(shù)的封裝方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11