ホームページ > 記事 > ウェブフロントエンド > JavaScript_javascript スキルに基づく特定のフィールドに基づいた Json データの並べ替えを実装する
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') ? '>' : '<'; var sortFun = new Function('a', 'b', 'return a.' + sortBy + ordAlpah + 'b.' + sortBy + '?1:-1'); return sortFun; } alert(JSON.stringify(array));
配列自体にはソート関数を指定できるsortメソッドがあり、ソート関数を動的に生成して、指定されたオブジェクト属性によるソートの要件を満たすことができます。
注: 元の配列の順序は並べ替え後に変更されます。 !