乐趣区

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));
退出移动版