快捷導(dǎo)航

JavaScript自定義數(shù)組排序方法

更新時(shí)間：2015年02月12日 12:13:49 作者：筆心

這篇文章主要介紹了JavaScript自定義數(shù)組排序方法,實(shí)例分析了javascript自定義數(shù)組排序的原理與實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JavaScript自定義數(shù)組排序方法。分享給大家供大家參考。具體分析如下：

Array中有自帶的排序功能，這個(gè)使用起來比較方便，我們有一點(diǎn)必須清楚，就是排序的依據(jù)，如果sort不傳入?yún)?shù)的話，那就是按照字符編碼（Unicode編碼）的順序排序。

var a=["3","2","1"]; 
console.log(a[0].charCodeAt(0)); // 51 
console.log(a[1].charCodeAt(0)); // 50 
console.log(a[2].charCodeAt(0)); // 49 
console.log(a.sort());      // ["1", "2", "3"] 
 
var a=["3","你","他"]; 
console.log(a[0].charCodeAt(0)); // 51 
console.log(a[1].charCodeAt(0)); // 20320 
console.log(a[2].charCodeAt(0)); // 20182 
console.log(a.sort());      // ["3", "他", "你"] 
 
var a=["3","11","222"]; 
console.log(a.sort());// ["11", "222", "3"]  
           // 多個(gè)字符的時(shí)候按照第一個(gè)字符的編碼

不過我覺得sort最好用的地方在于可以自定義排序，這個(gè)在實(shí)際運(yùn)用中也比較常見，比如要對(duì)對(duì)象數(shù)組排序。例如線面的一個(gè)對(duì)象數(shù)組，要根據(jù)其中的某一個(gè)字段進(jìn)行排序，當(dāng)然自己也可以寫個(gè)函數(shù)來完成，不過我想沒有sort來得方便。

var list = [ 
  { 
    max:3, 
    avg:2, 
    min:1 
  }, 
  { 
    max:10, 
    avg:15, 
    min:20 
  }, 
  { 
    max:8, 
    avg:5, 
    min:2 
  } 
]; 
// 根據(jù)max字段對(duì)list對(duì)象進(jìn)行排序，從小到大的順序 
// x,y就是要比較的數(shù)組的單個(gè)元素，這里就是list中的一個(gè)元素 
// 排序方法主要是要提供一個(gè)比較大小的規(guī)則，換句話說也就是要說明誰大誰小 
// 返回值為true or false 
function sortByField(x, y) { 
  return x.max - y.max; 
} 
console.log(list.sort(sortByField));

運(yùn)行效果如下圖所示：

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript前端巧妙實(shí)現(xiàn)數(shù)據(jù)實(shí)時(shí)更新詳解
作為開發(fā)者,我們常面對(duì)復(fù)雜的開發(fā)環(huán)境,要應(yīng)對(duì)即時(shí)通訊與數(shù)據(jù)實(shí)時(shí)更新的問題,那么該如何精準(zhǔn)高效實(shí)現(xiàn)這些功能呢,下面小編就來和大家簡(jiǎn)單講講
2025-03-03
關(guān)于同時(shí)使用swiper和echarts遇到的問題及解決方法
這篇文章主要介紹了關(guān)于同時(shí)使用swiper和echarts遇到的問題及解決方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-04-04
微信小程序用戶登錄和登錄態(tài)維護(hù)的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序用戶登錄和登錄態(tài)維護(hù)的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
如何為Yarn配置國(guó)內(nèi)源的詳細(xì)教程
在使用 Yarn 進(jìn)行項(xiàng)目開發(fā)時(shí),由于網(wǎng)絡(luò)原因,直接使用官方源可能會(huì)導(dǎo)致下載速度慢或連接失敗,配置國(guó)內(nèi)源可以顯著提高包的下載速度和穩(wěn)定性,本文將詳細(xì)介紹如何為 Yarn 配置國(guó)內(nèi)源,需要的朋友可以參考下
2025-04-04
js對(duì)象屬性名駝峰式轉(zhuǎn)下劃線的實(shí)例代碼
這篇文章主要介紹了js對(duì)象屬性名駝峰式轉(zhuǎn)下劃線的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2020-09-09
JS前端知識(shí)點(diǎn)offset，scroll，client，冒泡，事件對(duì)象的應(yīng)用整理總結(jié)
這篇文章主要介紹了JS前端知識(shí)點(diǎn)offset，scroll，client，冒泡，事件對(duì)象的應(yīng)用,結(jié)合實(shí)例形式總結(jié)分析了offset，scroll，client，冒泡，事件對(duì)象相關(guān)功能、原理及操作注意事項(xiàng),需要的朋友可以參考下
2019-06-06
原生JS實(shí)現(xiàn)拖拽位置預(yù)覽
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)拖拽位置預(yù)覽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
javascript 三組文字間隙滾動(dòng)實(shí)例代碼
非常實(shí)用的文字間隙滾動(dòng)效果代碼
2008-06-06
小程序?qū)崿F(xiàn)簡(jiǎn)單語音聊天的示例代碼
這篇文章主要介紹了小程序?qū)崿F(xiàn)簡(jiǎn)單語音聊天的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
Java?Script網(wǎng)頁設(shè)計(jì)案例詳解
下面我將提供一個(gè)簡(jiǎn)單的JavaScript網(wǎng)頁設(shè)計(jì)案例,該案例將實(shí)現(xiàn)一個(gè)動(dòng)態(tài)的待辦事項(xiàng)列表（Todo List）,用戶可以在頁面上添加新的待辦事項(xiàng),標(biāo)記它們?yōu)橐淹瓿?以及刪除它們,這篇文章主要介紹了Java?Script網(wǎng)頁設(shè)計(jì)案例,需要的朋友可以參考下
2024-08-08