前端——JS实现多条件过滤数组

最新推荐文章于 2024-11-18 15:07:07 发布

原创最新推荐文章于 2024-11-18 15:07:07 发布 · 7k 阅读

3 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

26 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript来实现对数据的多条件过滤功能。通过`multiFilter`函数，可以根据传入的过滤条件对数组进行筛选，同时`removeEmpty`函数用于移除过滤条件中值为空的对象属性。这种方法在前端开发中常用于数据处理和表格展示等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过js实现多条件过滤

//多条件过滤，array是传入的数据，filters是过滤条件
multiFilter(array, filters) {
    filters = me.evtHandlers.removeEmpty(filters);
    const filterKeys = Object.keys(filters)
    return array.filter((item) => {
        return filterKeys.every(key => {
            if (!filters[key].length) return true
            return !!~filters[key].indexOf(item[key])
        })
    })
},
//去掉过滤条件值空的键
removeEmpty(obj) {
    obj = JSON.parse(JSON.stringify(obj))
    for (let k in obj) {
        v = obj[k];
        if (v === '') {
            delete obj[k];
        } else if (v.constructor == Object) {
            me.evtHandlers.removeEmpty(v);
        }
    }
    return obj
},