DIV CSS 佈局教程網

一.首先給大家介紹js中內置的 sort() 方法

此方法默認是按字母順序對數組中的元素進行排序的，說得更精確點，是按照字符編碼的順序進行排序。

看如下例子：

當數組中元素為 數字類型 時，排序結果與我們設想的完全不同，因為默認是按照字符編碼的順序進行排序的。

解決方案：sort() 方法接收一個可選參數(此參數必須是函數)，我們可以自己定義排序規則，如下圖

二.  對 json 排序的具體實現

/*
     * @description    根據某個字段實現對json數組的排序
     * @param   array  要排序的json數組對象
     * @param   field  排序字段（此參數必須為字符串）
     * @param   reverse 是否倒序（默認為false）
     * @return  array  返回排序後的json數組
    */
    function jsonSort(array, field, reverse) {
      //數組長度小於2 或 沒有指定排序字段 或 不是json格式數據
      if(array.length < 2 || !field || typeof array[0] !== "object") return array;
      //數字類型排序
      if(typeof array[0][field] === "number") {
        array.sort(function(x, y) { return x[field] - y[field]});
      }
      //字符串類型排序
      if(typeof array[0][field] === "string") {
        array.sort(function(x, y) { return x[field].localeCompare(y[field])});
      }
      //倒序
      if(reverse) {
        array.reverse();
      }
      return array;
    }

PS：JS中：json對象數組按對象屬性排序

var array = [
  {name: 'a', phone: 1},
  {name: 'b', phone: 5},
  {name: 'd', phone: 3},
  {name: 'c', phone: 4}
]
array.sort(getSortFun('desc', 'phone'));
function getSortFun(order, sortBy) {
  var ordAlpah = (order == 'asc') ? '>' : '<';
  var sortFun = new Function('a', 'b', 'return a.' + sortBy + ordAlpah + 'b.' + sortBy + '?1:-1');
  return sortFun;
}
alert(JSON.stringify(array));

數組本身有sort方法，可以指定排序函數，因此可以動態生成一個排序函數來完成對按指定對象屬性排序的需求；

注意：sort後原數組序列會發生變化！！