5分钟学会javascript多条件排序的函数式实现
一些筛选、排序的场景,会遇到多个条件组合对数据进行排序的需求
在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));
相关推荐
nmgxzm00 2020-11-10
ifconfig 2020-10-14
hhanbj 2020-11-17
zfszhangyuan 2020-11-16
古叶峰 2020-11-16
一个智障 2020-11-15
jipengx 2020-11-12
81427005 2020-11-11
xixixi 2020-11-11
游走的豚鼠君 2020-11-10
苗疆三刀的随手记 2020-11-10
Web卓不凡 2020-11-03
小飞侠V 2020-11-02
帕尼尼 2020-10-30
爱读书的旅行者 2020-10-26
帕尼尼 2020-10-23
杏仁技术站 2020-10-23
淼寒儿 2020-10-22