小程序中英文混合排序問題解決
小程序中英文混合排序問題
在開發(fā)一個手機(jī)聯(lián)系人列表的功能時,遇到需求是需要將聯(lián)系人列表按照拼音順序排序。而聯(lián)系人列表是會出現(xiàn)中英文混合的情況。于是遇到了問題。
小程序無法直接中文進(jìn)行排序
localeCompare函數(shù)排序出來的結(jié)果不正確
在遇到這個問題的時候,也去網(wǎng)上查過不少,本來覺得比較好用的就是例傭localeCompare函數(shù)去進(jìn)行排序。但是在實際開發(fā)的時候發(fā)現(xiàn)該函數(shù)的排列結(jié)果跟網(wǎng)上的不同。(大概是h5跟小程序的區(qū)別吧,我也不是很了解~)
最終參考了字母表的方式,采取了類似的做法來實現(xiàn)我的需求,代碼如下
/* 返回拼音的首字母大寫 */ getCName(_char) { if (_char <= 'z' && _char >= 'A') { return _char.toUpperCase(); } for (var item in pinyin) { if (pinyin[item].indexOf(_char) != -1) return item[0].toUpperCase(); } }, /* 對二維數(shù)組排序,并返回處理完邏輯的結(jié)果 */ sortTwoArr(arr) { let res_arr=[]; for (var j = 0; j < arr.length; j++) { for (var i = 0; i < arr.length - 1; i++) { if (arr[i+1][0] < arr[i][0]) { let temp = arr[i][0]; arr[i][0] = arr[i+1][0]; arr[i+1][0] = temp; let temp_ = arr[i][1]; arr[i][1] = arr[i+1][1]; arr[i+1][1] = temp_; } } } arr.forEach((item)=>{ res_arr.push(item[1]) }) return res_arr; }
在onLoad()函數(shù)調(diào)用
/** * 生命周期函數(shù)--監(jiān)聽頁面加載 */ onLoad: function(options) { let arr = ['貓', '狐貍', '鳥', '大雁', 'A','彥杰','燕','朕成功','陳奕迅']; let arr1 = []; arr.forEach((item, index) => { var _char = item.substr(0, 1); let temp = [this.getCName(_char), item] arr1.push(temp); }) console.log(this.sortTwoArr(arr1)) },
結(jié)果演示
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
javascript實現(xiàn)的猜數(shù)小游戲完整實例代碼
這篇文章主要介紹了javascript實現(xiàn)的猜數(shù)小游戲,游戲中用戶共有10次猜測機(jī)會,并且每次都有不同的提示信息,該游戲涉及javascript流程控制與數(shù)值運算的相關(guān)技巧,需要的朋友可以參考下2016-05-05無循環(huán) JavaScript(map、reduce、filter和find)
本文由淺入深地介紹了map、reduce、filter和find函數(shù),如何一步一步把循環(huán)從代碼中抽離掉2017-04-04微信小程序的數(shù)據(jù)存儲與Django等服務(wù)發(fā)送請求?講解
這篇文章主要為大家介紹了微信小程序的數(shù)據(jù)存儲與Django等服務(wù)發(fā)送請求講解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04mint-ui的search組件在鍵盤顯示搜索按鈕的實現(xiàn)方法
這篇文章主要介紹了mint-ui的search組件在鍵盤顯示搜索按鈕的實現(xiàn)方法,需要的朋友可以參考下2017-10-10js前端實現(xiàn)圖片懶加載(lazyload)的兩種方式
本篇文章主要介紹了js前端實現(xiàn)圖片懶加載(lazyload)的兩種方式 ,使用圖片懶加載可以提高網(wǎng)頁運行速度,有興趣的可以了解一下。2017-04-04