前端实现表格多条件筛选

取名什么的随意吧

已于 2022-08-26 16:18:48 修改

阅读量300

点赞数

分类专栏：前端文章标签：前端 javascript 开发语言

于 2022-08-26 15:35:33 首次发布

本文链接：https://blog.csdn.net/qq_34448099/article/details/126543943

版权

本文介绍了如何在前端使用JavaScript实现表格数据的多条件筛选。通过将筛选条件转化为字符串表达式，利用eval进行计算，从而过滤出符合条件的表格行。方法接受一个键值对对象作为参数，键为搜索字段，值为搜索条件。文章末尾作者期待能有更优的实现方案。

摘要由CSDN通过智能技术生成

前端实现表格多条件筛选

代码实现
实现思路

代码实现

// 待遍历的初始化数据
let initData = [
  {
    userName: "系统管理员", confirmType: "已确认", execution: "已执行" },
  {
    userName: "系统管理员1", confirmType: "未确认", execution: "已执行" },
  {
    userName: "系统管理员2", confirmType: "已确认", execution: "未执行" },
]