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