ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript_javascript スキルに基づく特定のフィールドに基づいた Json データの並べ替えを実装する

JavaScript_javascript スキルに基づく特定のフィールドに基づいた Json データの並べ替えを実装する

WBOY
リリース: 2016-05-16 15:30:28
オリジナル
2095 人が閲覧しました

1. まず、js に組み込まれている sort() メソッドを紹介します。

このメソッドは、デフォルトでは配列内の要素をアルファベット順に並べ替えます。より正確には、文字エンコーディングの順に並べ替えます。

次の例を見てください:

配列内の要素が数値型の場合、デフォルトでは文字エンコーディングの順序に従ってソートされるため、ソート結果は予想とはまったく異なります。

解決策: sort() メソッドはオプションのパラメーターを受け取ります (このパラメーターは関数である必要があります)。以下に示すように、並べ替えルールを独自に定義できます。

2. 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;
    }
ログイン後にコピー

追記: 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') &#63; '>' : '<';
  var sortFun = new Function('a', 'b', 'return a.' + sortBy + ordAlpah + 'b.' + sortBy + '&#63;1:-1');
  return sortFun;
}
alert(JSON.stringify(array));
ログイン後にコピー

配列自体にはソート関数を指定できるsortメソッドがあり、ソート関数を動的に生成して、指定されたオブジェクト属性によるソートの要件を満たすことができます。

注: 元の配列の順序は並べ替え後に変更されます。 !

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート