基於JavaScript實現Json資料根據某個欄位進行排序_javascript技巧

一.首先給大家介紹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後原數組序列會發生變化！！