如何寫JS數(shù)組sort的比較函數(shù)
更新時間：2010年07月02日 00:00:12 作者：
我們知道，數(shù)組的sort方法可以對數(shù)組元素進行排序，默認(rèn)是按ASCII字母表順序排序。如果要根據(jù)其他的順序排序就需要為sort方法提供一個比較函數(shù)作為參數(shù)。這里講的就是如何寫這個比較函數(shù)。
譬如:
var a=[1,5,3,7];
a.sort(function(a, b) { return b-a});//從大到小排列
那如果復(fù)雜點的順序應(yīng)該如何寫這個比較函數(shù)呢。
對于比較函數(shù)function f(a,b){...} ，若返回正數(shù)，則說明a和b需要交換，否則不交換。所以我們可以通通根據(jù)下面的格式去寫比較函數(shù)：
function f(a, b) {
if (...) {
return 1;
}
return -1;
}
然后，我們要做的就是寫出if里面的條件，這個條件就是返回a、b需要交換的條件。譬如：對var a=["a","A","B","b"];進行不分大小寫并從大到小排序，僅當(dāng)a.toString().toLowerCase() < b.toString().toLowerCase()時，交換a、b，所以用此填充if條件即可。比較函數(shù)就是：
function f(a, b) {
if (a.toString().toLowerCase() < b.toString().toLowerCase()) {
return 1;
}
return -1;
}
再譬如：要使數(shù)組的元素按先奇數(shù)后偶數(shù)的順序排列，則若需a、b交換，僅當(dāng)滿足a是偶數(shù)且b是奇數(shù)條件即可，再按從小到大排序，僅當(dāng)滿足a、b均是奇數(shù)或偶數(shù)且a>b時即可。如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
作者：JayChow
var a=[1,5,3,7];
a.sort(function(a, b) { return b-a});//從大到小排列
那如果復(fù)雜點的順序應(yīng)該如何寫這個比較函數(shù)呢。
對于比較函數(shù)function f(a,b){...} ，若返回正數(shù)，則說明a和b需要交換，否則不交換。所以我們可以通通根據(jù)下面的格式去寫比較函數(shù)：
復(fù)制代碼 代碼如下:
function f(a, b) {
if (...) {
return 1;
}
return -1;
}
然后，我們要做的就是寫出if里面的條件，這個條件就是返回a、b需要交換的條件。譬如：對var a=["a","A","B","b"];進行不分大小寫并從大到小排序，僅當(dāng)a.toString().toLowerCase() < b.toString().toLowerCase()時，交換a、b，所以用此填充if條件即可。比較函數(shù)就是：
function f(a, b) {
if (a.toString().toLowerCase() < b.toString().toLowerCase()) {
return 1;
}
return -1;
}
再譬如：要使數(shù)組的元素按先奇數(shù)后偶數(shù)的順序排列，則若需a、b交換，僅當(dāng)滿足a是偶數(shù)且b是奇數(shù)條件即可，再按從小到大排序，僅當(dāng)滿足a、b均是奇數(shù)或偶數(shù)且a>b時即可。如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
作者：JayChow
相關(guān)文章
這篇文章主要介紹了微信內(nèi)置瀏覽器圖片查看器的代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
不要行內(nèi)寫js是因為這樣很不安全，因為用火狐的firebug可以輕松讓代碼失效，下面告訴大家為什么2014-04-04
JavaScript中click和onclick本質(zhì)區(qū)別與用法分析
這篇文章主要介紹了JavaScript中click和onclick本質(zhì)區(qū)別與用法,結(jié)合實例形式分析了JavaScript中click和onclick的具體概念、功能、使用場景及相關(guān)操作技巧,需要的朋友可以參考下2018-06-06
JavaScript實現(xiàn)旋轉(zhuǎn)木馬輪播圖
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)旋轉(zhuǎn)木馬輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了異步加載JS、CSS代碼的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要給大家介紹了關(guān)于利用js實現(xiàn)時間日期的相加相減的相關(guān)資料,文中通過代碼示例介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用js具有一定的參考解決價值,需要的朋友可以參考下2023-09-09
本文主要介紹了JS中splice添加或刪除數(shù)組元素,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-12-12
Javascript獲取CSS偽元素屬性的實現(xiàn)代碼
這篇文章主要介紹了Javascript獲取CSS偽元素屬性的實現(xiàn)代碼,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了微信小程序tabBar設(shè)置實例解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-11-11
這篇文章主要介紹了JS如何實現(xiàn)文本框隨文本的長度而增長的方法,具有一定借鑒價值,需要的朋友可以參考下2015-07-07