基于JavaScript實(shí)現(xiàn)Json數(shù)據(jù)根據(jù)某個字段進(jìn)行排序

更新時(shí)間：2015年11月24日 09:14:09 作者：similar

這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)Json數(shù)據(jù)根據(jù)某個字段進(jìn)行排序的相關(guān)資料,需要的朋友可以參考下

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

此方法默認(rèn)是按字母順序?qū)?shù)組中的元素進(jìn)行排序的，說得更精確點(diǎn)，是按照字符編碼的順序進(jìn)行排序。

看如下例子：

當(dāng)數(shù)組中元素為數(shù)字類型時(shí)，排序結(jié)果與我們設(shè)想的完全不同，因?yàn)槟J(rèn)是按照字符編碼的順序進(jìn)行排序的。

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

二. 對 json 排序的具體實(shí)現(xiàn)

/*
     * @description    根據(jù)某個字段實(shí)現(xiàn)對json數(shù)組的排序
     * @param   array  要排序的json數(shù)組對象
     * @param   field  排序字段（此參數(shù)必須為字符串）
     * @param   reverse 是否倒序（默認(rèn)為false）
     * @return  array  返回排序后的json數(shù)組
    */
    function jsonSort(array, field, reverse) {
      //數(shù)組長度小于2 或 沒有指定排序字段 或 不是json格式數(shù)據(jù)
      if(array.length < 2 || !field || typeof array[0] !== "object") return array;
      //數(shù)字類型排序
      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對象數(shù)組按對象屬性排序

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));

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

注意：sort后原數(shù)組序列會發(fā)生變化！！

您可能感興趣的文章: