5分鐘學(xué)會javascript多條件排序的函數(shù)式實現(xiàn)

Donald 發(fā)布于2019-08-23 17:18 / 570人閱讀

摘要：一些篩選排序的場景，會遇到多個條件組合對數(shù)據(jù)進(jìn)行排序的需求在中，應(yīng)如何實現(xiàn)并且能夠滿足靈活配置呢首先中數(shù)組的函數(shù)可對數(shù)據(jù)進(jìn)行排序處理函數(shù)說明所需要的參數(shù)為一個返回值為類型的函數(shù)，通過調(diào)用此函數(shù)的結(jié)果與進(jìn)行比較，得到小于等于大于的結(jié)果，進(jìn)行排

一些篩選、排序的場景，會遇到多個條件組合對數(shù)據(jù)進(jìn)行排序的需求

在javascript中，應(yīng)如何實現(xiàn)？并且能夠滿足靈活配置呢？

首先javascript中數(shù)組的sort函數(shù)可對數(shù)據(jù)進(jìn)行排序處理 sort函數(shù)說明

   sort所需要的參數(shù)為一個返回值為number類型的函數(shù)，通過調(diào)用此函數(shù)的結(jié)果與0進(jìn)行比較，得到小于0、等于0、大于0的結(jié)果，進(jìn)行排序

假設(shè)需要進(jìn)行多個條件的排序，那么可產(chǎn)生一個條件數(shù)組 [條件1, 條件2, 條件3]

   通過對此數(shù)組中元素的調(diào)整，即可靈活配置多個條件，并控制其判斷的先后順序
   sort的參數(shù)為一個函數(shù)，需要對數(shù)組進(jìn)行轉(zhuǎn)化

單個條件判斷函數(shù)，對一些特殊的判斷邏輯，小于0、等于0、大于0的判斷方式并不通用

   如性別的判斷，男or女
   條件判斷函數(shù)的參數(shù)實際為相鄰的兩個待排序的元素
   通過對 (a, b) => boolean函數(shù)的包裝，即可實現(xiàn)小于0、等于0、大于0的結(jié)果
   只需要在調(diào)用時，調(diào)整a、b參數(shù)的順序即可

function getSort(fn) {
    return function(a, b) {
        var ret = 0;

        if (fn.call(this, a, b)) {
            ret = -1;
        } else if (fn.call(this, b, a)) {
            ret = 1;
        }

        return ret;
    }
}

function getMutipSort(arr) {
    return function(a, b) {
        var tmp, i = 0;

        do {
            tmp = arr[i++](a, b);
        } while (tmp == 0 && i < arr.length);

        return tmp;
    }
}

var ageSort = getSort(function(a, b) {
    return a.age < b.age;
});

var nameSort = getSort(function(a, b) {
    return a.name < b.name;
});

var sexSort = getSort(function(a, b) {
    return a.sex && !b.sex;
});

//判斷條件先后順序可調(diào)整
var arr = [nameSort, ageSort, sexSort];

var ret = data.sort(getMutipSort(arr));