如何寫JS數(shù)組sort的比較函數(shù)
更新時(shí)間：2010年07月02日 00:00:12 作者：
我們知道，數(shù)組的sort方法可以對(duì)數(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ù)呢。
對(duì)于比較函數(shù)function f(a,b){...} ，若返回正數(shù)，則說明a和b需要交換，否則不交換。所以我們可以通通根據(jù)下面的格式去寫比較函數(shù)：
function f(a, b) {
if (...) {
return 1;
}
return -1;
}
然后，我們要做的就是寫出if里面的條件，這個(gè)條件就是返回a、b需要交換的條件。譬如：對(duì)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ù)呢。
對(duì)于比較函數(shù)function f(a,b){...} ，若返回正數(shù)，則說明a和b需要交換，否則不交換。所以我們可以通通根據(jù)下面的格式去寫比較函數(shù)：
復(fù)制代碼 代碼如下:
function f(a, b) {
if (...) {
return 1;
}
return -1;
}
然后，我們要做的就是寫出if里面的條件，這個(gè)條件就是返回a、b需要交換的條件。譬如：對(duì)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)文章
JS網(wǎng)頁在線獲取鼠標(biāo)坐標(biāo)值的方法
這篇文章主要介紹了JS網(wǎng)頁在線獲取鼠標(biāo)坐標(biāo)值的方法,涉及javascript操作頁面窗口位置元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
基于JS代碼實(shí)現(xiàn)實(shí)時(shí)顯示系統(tǒng)時(shí)間
這篇文章主要介紹了基于JS代碼實(shí)現(xiàn)實(shí)時(shí)顯示系統(tǒng)時(shí)間的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
使用js獲取cookie或許你會(huì)，但是要獲取指定cookie，你會(huì)嗎？下面有個(gè)不錯(cuò)的示例，大家可以參考下2014-02-02
javascript 兼容FF的onmouseenter和onmouseleave的代碼
經(jīng)過測試發(fā)現(xiàn)，例子1 在 ff下抖動(dòng)的厲害，ie下稍微有點(diǎn)。 具體原因 其實(shí)就是 mouseout 的冒泡機(jī)制 引起的。2008-07-07
字符串的操作是任何一門計(jì)算機(jī)語言都必須面對(duì)的問題,下面這篇文章主要給大家介紹了關(guān)于利用JS+ES6新增字符串操作方法的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
這篇文章主要介紹了js實(shí)現(xiàn)純前端的圖片預(yù)覽的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)搜索歷史功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要介紹了使用pkg打包ThinkJS項(xiàng)目的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
在Js頁面通過POST傳遞參數(shù)跳轉(zhuǎn)到新頁面詳解
這篇文章主要給大家介紹了關(guān)于在Js頁面通過POST傳遞參數(shù)跳轉(zhuǎn)到新頁面的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08
微信小程序?qū)崿F(xiàn)側(cè)邊欄二級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)側(cè)邊欄二級(jí)聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07