jsでsort()を使用する方法-jsチュートリアル-php.cn

jsでsort()を使用する方法

小云云

リリース： 2018-03-13 17:15:09

オリジナル

2128 人が閲覧しました

このメソッドがパラメータなしで呼び出された場合、配列内の要素はアルファベット順、より正確には文字エンコード順に並べ替えられます。これを実現するには、まず配列の要素を比較のために (必要に応じて) 文字列に変換する必要があります。

array.sort() メソッドはデフォルトで昇順になります。他の基準に従って並べ替える場合は、この関数は 2 つの値を比較し、相対的な順序を示す数値を返す必要があります。 2 つの値。比較関数には 2 つのパラメーター a と b が必要で、その戻り値は次のとおりです:

a が b より小さい場合、a はソートされた配列内で b より前に表示され、0 より小さい値を返します。
a が b に等しい場合、0 を返します。
a が b より大きい場合、0 より大きい値を返します。

簡単: 関数aとbの2つのパラメータを比較し、a-bを昇順で返し、b-aを降順で返す

以下は、いくつかの例を通して理解されます

通常の配列の昇順

var arr = [4,3,6,5,7,2,1];
arr.sort();
console.log(arr);//输出结果[1,2,3,4,5,6,7]

ログイン後にコピー

通常のデータの降順

var arr = [4,3,6,5,7,2,1];
arr.sort();
arr.sort(function(a,b){    return b-a;
});
console.log(arr);//输出结果[7,6,5,4,3,2,1]

ログイン後にコピー

オブジェクト配列のソート

var arr= [ 
    { &#39;sortNo&#39;: 2},
    { &#39;sortNo&#39;: 1},
    { &#39;sortNo&#39;: 5},
    { &#39;sortNo&#39;: 6},
    { &#39;sortNo&#39;: 7},
    { &#39;sortNo&#39;: 3},
    { &#39;sortNo&#39;: 9},
    { &#39;sortNo&#39;: 4},
    { &#39;sortNo&#39;: 0}
];
arr.sort(function(a, b){        return a.sortNo - b.sortNo;
});
console.log(arr);//输出结果//{ &#39;sortNo&#39;: 2}//{ &#39;sortNo&#39;: 1}//{ &#39;sortNo&#39;: 5}//{ &#39;sortNo&#39;: 6}//{ &#39;sortNo&#39;: 7}//{ &#39;sortNo&#39;: 3}//{ &#39;sortNo&#39;: 9}//{ &#39;sortNo&#39;: 4}//{ &#39;sortNo&#39;: 0}

ログイン後にコピー

オブジェクト配列の複数条件ソート

(この例では、sortNoが同じ場合、大きい順にsortNo2を押します)

var arr= [ 
    { &#39;sortNo&#39;: 2, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 1, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 5, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 6, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 7, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 4},
    { &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 2},
    { &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 1},
    { &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 8, &#39;sortNo2&#39;: 3},
    { &#39;sortNo&#39;: 4, &#39;sortNo2&#39;: 1},
    { &#39;sortNo&#39;: 4, &#39;sortNo2&#39;: 2}
];
arr.sort(function(a, b){    if (a.sortNo === b.sortNo) {            return b.sortNo2 - a.sortNo2;
    } else {            return a.sortNo - b.sortNo;
    }
});
console.log(arr); 

//输出结果//{ &#39;sortNo&#39;: 1, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 2, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 4}//{ &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 2}//{ &#39;sortNo&#39;: 3, &#39;sortNo2&#39;: 1}//{ &#39;sortNo&#39;: 4, &#39;sortNo2&#39;: 2}//{ &#39;sortNo&#39;: 4, &#39;sortNo2&#39;: 1}//{ &#39;sortNo&#39;: 5, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 6, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 7, &#39;sortNo2&#39;: 3}//{ &#39;sortNo&#39;: 8, &#39;sortNo2&#39;: 3}

ログイン後にコピー