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

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

通过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
},
相关文章
|
JavaScript 前端开发 API
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
545 8
|
资源调度 JavaScript 前端开发
前端开发必备!Node.js 18.x LTS保姆级安装教程(附国内镜像源配置)
本文详细介绍了Node.js的安装与配置流程,涵盖环境准备、版本选择(推荐LTS版v18.x)、安装步骤(路径设置、组件选择)、环境验证(命令测试、镜像加速)及常见问题解决方法。同时推荐开发工具链,如VS Code、Yarn等,并提供常用全局包安装指南,帮助开发者快速搭建高效稳定的JavaScript开发环境。内容基于官方正版软件,确保合规性与安全性。
14620 23
|
JavaScript 前端开发 容器
|
JavaScript 前端开发
|
存储 JavaScript 前端开发
|
移动开发 JavaScript 前端开发
|
存储 JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发