快捷導(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è)使用起來(lái)比較方便，我們有一點(diǎn)必須清楚，就是排序的依據(jù)，如果sort不傳入?yún)?shù)的話(huà)，那就是按照字符編碼（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è)字符的編碼

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

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ī)則，換句話(huà)說(shuō)也就是要說(shuō)明誰(shuí)大誰(shuí)小 
// 返回值為true or false 
function sortByField(x, y) { 
  return x.max - y.max; 
} 
console.log(list.sort(sortByField));

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