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