基于JS實(shí)現(xiàn)數(shù)字+字母+中文的混合排序方法
在上篇文章給大家介紹了JavaScript sort數(shù)組排序方法和自我實(shí)現(xiàn)排序方法小結(jié),用自己的方法實(shí)現(xiàn)了數(shù)字?jǐn)?shù)組的排序。
當(dāng)然,實(shí)際運(yùn)用中,我還是會(huì)使用sort方法更加方便.但是,我上一篇博文,僅僅是實(shí)現(xiàn)了數(shù)字排序,而srot方法默認(rèn)可是能給字母實(shí)現(xiàn)排序的哦!而我的代碼只能排序數(shù)字,看起來(lái)還是弱弱的.
所以,我得加上能排字母甚至中文的排序方法.
實(shí)現(xiàn)代碼
$(function(){ var arr = ["Jack","Book","Fung",76,"Love","Mark","中國(guó)","china","phone","劉德華"]; console.log('原數(shù)組'); console.log(arr); console.log('for方法從小到大排序'); console.log(arrSortMinToMax(arr)); console.log('for方法從大到小排序'); console.log(arrSortMaxToMin(arr)); console.log('原數(shù)組'); console.log(arr); }); function arrMinNum(arr){ var minNum = Infinity, index = -1,minVul = ""; for (var i = 0; i < arr.length; i++) { if (typeof(arr[i]) == "string") { if (arr[i].charCodeAt()<minNum) { minNum = arr[i].charCodeAt(); minVul = arr[i]; index = i; } }else { if (arr[i]<minNum) { minNum = arr[i]; minVul = arr[i] index = i; } } }; return {"minNum":minVul,"index":index}; } function arrSortMinToMax(arr){ var arrNew = []; var arrOld = arr.concat(); for (var i = 0; i < arr.length; i++) { arrNew.push(arrMinNum(arrOld).minNum); arrOld.splice(arrMinNum(arrOld).index,1) }; return (arrNew); } function arrMaxNum(arr){ var maxNum = -Infinity, index = -1,maxVul = ""; for (var i = 0; i < arr.length; i++) { if (typeof(arr[i]) == "string") { if (arr[i].charCodeAt()>maxNum) { maxNum = arr[i].charCodeAt(); maxVul = arr[i]; index = i; } }else { if (arr[i]>maxNum) { maxNum = arr[i]; maxVul = arr[i]; index = i; } } }; return {"maxNum":maxVul,"index":index}; } function arrSortMaxToMin(arr){ var arrNew = []; var arrOld = arr.slice(0); for (var i = 0; i < arr.length; i++) { arrNew.push(arrMaxNum(arrOld).maxNum); arrOld.splice(arrMaxNum(arrOld).index,1); }; return (arrNew); }
運(yùn)行截圖如下:
排序原理
如果是數(shù)字,則直接是數(shù)字進(jìn)行比對(duì)
如果是字符串,則使用charCodeAt()轉(zhuǎn)換成Unicode編碼進(jìn)行排序.
Unicode 是 0 - 65535 之間的整數(shù)
其他說(shuō)明
按照正常的排序邏輯,應(yīng)該是:數(shù)字比一切字母都小,字母比一切中文都小,中文應(yīng)該按照首字拼音的首字母排序.
我的這段代碼除了字母比一切中文都小這一條實(shí)現(xiàn)了,其他都沒(méi)有實(shí)現(xiàn).
邏輯也應(yīng)該可以實(shí)現(xiàn),把數(shù)字字母中文分別找出來(lái),數(shù)字跟數(shù)組進(jìn)行比較,字母跟字母比較,中文跟中文比較,然后拼接數(shù)組
中文獲取首字的首字母可能稍微麻煩一點(diǎn).
漢字居然可以直接比對(duì)的.
如上圖所示,張飛想要做老大是有道理的.JavaScript終于在千年之后為張飛正名,當(dāng)年他就應(yīng)該是做老大的!~
相關(guān)文章
Elasticsearch工具cerebro的安裝與使用教程
這篇文章主要介紹了Elasticsearch工具cerebro的安裝與使用教程,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-03js面向?qū)ο笾?、私有、靜態(tài)屬性和方法詳解
這篇文章主要詳細(xì)介紹了js面向?qū)ο笾?、私有、靜態(tài)屬性和方法,并附上詳細(xì)的示例,非常的細(xì)致全面,這里推薦給大家,有需要的小伙伴可以參考下2015-04-04setTimeout()與setInterval()方法區(qū)別介紹
計(jì)時(shí)器setTimeout()和setInterval()兩個(gè)都是js的計(jì)時(shí)功能的函數(shù)兩個(gè)有些區(qū)別,下面為大家簡(jiǎn)單介紹下,希望對(duì)大家有所幫助2013-12-12使用Math.max,Math.min獲取數(shù)組中的最值實(shí)例
下面小編就為大家?guī)?lái)一篇使用Math.max,Math.min獲取數(shù)組中的最值實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04基于JavaScript制作一個(gè)簡(jiǎn)單的天氣應(yīng)用
隨著Web開(kāi)發(fā)技術(shù)的不斷發(fā)展,JavaScript已經(jīng)成為前端開(kāi)發(fā)中不可或缺的一部分,下面我們就來(lái)看看如何使用JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的天氣應(yīng)用吧2024-01-01JavaScript實(shí)現(xiàn)iframe自動(dòng)高度調(diào)整和不同主域名跨域
這篇文章主要介紹了JavaScript實(shí)現(xiàn)iframe自動(dòng)高度調(diào)整和不同主域名跨域,作者通過(guò)建立一個(gè)代理來(lái)同步高度調(diào)整,需要的朋友可以參考下2016-02-02JavaScript插件化開(kāi)發(fā)教程 (三)
前面我們學(xué)習(xí)了jQuery的方式開(kāi)發(fā)插件,講訴的都是些基礎(chǔ)的理論知識(shí),今天開(kāi)始,我們就來(lái)實(shí)戰(zhàn)一下,學(xué)習(xí)開(kāi)發(fā)自己的插件庫(kù)。2015-01-01