前端做查询对象查找的问题

Question

需求：前端做查询
有多个查询条件：

然后有一组数据需要根据查询条件找出来数据，其实就是前端做查询，不跟后台交互了

我的思路是第一input value的值跟那个数组对象去对比，看是否存在，存在返回数据，不存在返回空，然后第一个input跟第二个input的值去查询，看是否同时满足，然后第一个跟第三个去对比，然后第一个跟第四个，继续，第二个去对比，第二个跟第三个去对比，以此类推

说的有点乱 请看下代码

我的思路应该是对的，但是不会些代码，还请指教

https://codepen.io/wangshaoji...

Answer 1

看一下是不是符合你的要求：

handleSeatch() {
  let findit = true
  this.showData = this.tableData.filter((item)=>{ 
      // 每条数据和form的数据循环key值做对比
      for(let key in this.form){
        if(!this.form[key]){
          continue
        }else{
          findit = (this.form[key] === item[key])
          if(!findit){
            break
          }
        }
      }
      return findit
})

https://codepen.io/xuge/pen/G...

Answer 2

给的codepen里面关于这个的方法是空的？
你尝试过了吗？
是想要帮忙写这个方法吗？

Answer 3

直接forEach tableData属性对比 符合条件的对象push到一个数组里 返回数组就行了呀