5分钟学会javascript多条件排序的函数式实现

一些筛选、排序的场景,会遇到多个条件组合对数据进行排序的需求

5分钟学会javascript多条件排序的函数式实现

在javascript中,应如何实现?并且能够满足灵活配置呢?
  1. 首先javascript中数组的sort函数可对数据进行排序处理 sort函数说明

    sort所需要的参数为一个返回值为number类型的函数,通过调用此函数的结果与0进行比较,得到小于0、等于0、大于0的结果,进行排序
  2. 假设需要进行多个条件的排序,那么可产生一个条件数组 [条件1, 条件2, 条件3]

    通过对此数组中元素的调整,即可灵活配置多个条件,并控制其判断的先后顺序
       sort的参数为一个函数,需要对数组进行转化
  3. 单个条件判断函数,对一些特殊的判断逻辑,小于0、等于0、大于0的判断方式并不通用

    如性别的判断,男or女
       条件判断函数的参数实际为相邻的两个待排序的元素
       通过对 (a, b) => boolean函数的包装,即可实现小于0、等于0、大于0的结果
       只需要在调用时,调整a、b参数的顺序即可
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;
});

//判断条件先后顺序可调整
var arr = [nameSort, ageSort, sexSort];

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

相关推荐