數(shù)組Array的排序sort方法
JavaScript中的Array對(duì)象有自己的排序方法sort()，對(duì)數(shù)組中的數(shù)據(jù)項(xiàng)進(jìn)行排序，但是有時(shí)候排序結(jié)果不盡如人意，比如
var arr = [12, 1, 2, 21, 3]; arr.sort(); alert(arr); 得到的結(jié)果為 1,12,2,21,3
這是為什么呢？因?yàn)镴avaScript中的排序默認(rèn)按照ascii字符代碼進(jìn)行排序，也就是說(shuō)，數(shù)字也是按照它們的字符串形式排序的。
var strArr = ['a', '2', 'a2', '2a', 'b', '3']; alert(strArr.sort());
這個(gè)得到什么結(jié)果呢？ 2,2a,3,a,a2,b
因?yàn)?數(shù)字的ascii碼比字母的小，所以數(shù)字排在前面，字母排在后面。
如果想繼續(xù)讓上面的數(shù)組arr按照數(shù)字進(jìn)行排序，怎么處理呢？
JavaScript給我們提供了一個(gè)入口，可以給sort() 方法傳遞一個(gè)參數(shù)，即比較函數(shù)，來(lái)告訴排序算法值與值之間是大于、小于還是等于關(guān)系。
比較函數(shù)是有著特定算法的函數(shù)。
function compare_fn(value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}
將比較函數(shù) compare_fn 傳遞給sort，再進(jìn)行排序，然后輸出
arr.sort(compare_fn); alert(arr); 得到 1, 2, 3, 12, 21
JavaScript中Array對(duì)象的sort方法返回值的定義為
負(fù)值 ： 如果所傳遞的第一個(gè)參數(shù)比第二個(gè)參數(shù)小
零 ： 兩個(gè)值相等
正值 ： 如果第一個(gè)參數(shù)比第二個(gè)參數(shù)大
上面的比較函數(shù)還可以簡(jiǎn)寫(xiě)為
function compare_fn(value1, value2) {
return value1 - value2;
}
這個(gè)比較的為升序排列
如果想降序排列，直接改變上面的返回值的符號(hào)就可以了，給所有返回均取反。
對(duì)簡(jiǎn)寫(xiě)的比較函數(shù)就是
function compare_fn(value1, value2) {
return -(value1 - value2);
}
即
function compare_fn(value1, value2) {
return value2 - value1;
}
簡(jiǎn)單的記法就是：順序升；逆序降。
以上這篇數(shù)組Array的排序sort方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了webpack獨(dú)立打包和緩存處理的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)webpack具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-04-04
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)時(shí)間選擇器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JS數(shù)組去掉重復(fù)數(shù)據(jù)只保留一條的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS數(shù)組去掉重復(fù)數(shù)據(jù)只保留一條的實(shí)現(xiàn)代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
這篇文章主要介紹了javascript 中的繼承實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-05-05
詳釋JavaScript執(zhí)行環(huán)境與執(zhí)行棧
一句話就可以概括：代碼 ( 包括函數(shù) ) 執(zhí)行時(shí)所需要的所有信息就是執(zhí)行環(huán)境。由于 ES 歷經(jīng)多個(gè)版本，所以執(zhí)行環(huán)境的標(biāo)準(zhǔn)也一直在變。文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
JS使用ajax從xml文件動(dòng)態(tài)獲取數(shù)據(jù)顯示的方法
這篇文章主要介紹了JS使用ajax從xml文件動(dòng)態(tài)獲取數(shù)據(jù)顯示的方法,實(shí)例分析了javascript使用Ajax技術(shù)操作XML文件的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
基于JavaScript實(shí)現(xiàn)帶縮略圖的輪播效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)帶縮略圖的輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
微信小程序分享海報(bào)生成的實(shí)現(xiàn)方法
為了吸引更多的用戶，設(shè)計(jì)好一個(gè)分享海報(bào)還是很有必要的，這篇文章主要介紹了微信小程序分享海報(bào)生成的實(shí)現(xiàn)方法，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-12-12
跟我學(xué)習(xí)javascript的執(zhí)行上下文
跟我學(xué)習(xí)javascript的執(zhí)行上下文，讀完本文后，你應(yīng)該清楚了解釋器做了什么，為什么函數(shù)和變量能在聲明前使用以及它們的值是如何決定的，需要了解這些內(nèi)容的朋友可以參考下2015-11-11
基于JavaScript實(shí)現(xiàn)簡(jiǎn)單抽獎(jiǎng)功能代碼實(shí)例
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)簡(jiǎn)單抽獎(jiǎng)功能代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10