一些筛选、排序的场景,会遇到多个条件组合对数据进行排序的需求
在 javascript 中,应如何实现?并且能够满足灵活配置呢?
-
首先 javascript 中数组的 sort 函数可对数据进行排序处理 sort 函数说明
sort 所需要的参数为一个返回值为 number 类型的函数,通过调用此函数的结果与 0 进行比较,得到小于 0、等于 0、大于 0 的结果,进行排序
-
假设需要进行多个条件的排序,那么可产生一个条件数组 [条件 1, 条件 2, 条件 3]
通过对此数组中元素的调整,即可灵活配置多个条件,并控制其判断的先后顺序 sort 的参数为一个函数,需要对数组进行转化
-
单个条件判断函数,对一些特殊的判断逻辑,小于 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));