【记录26】纯前端：模糊查询、精准查询

相信大家在做项目中都有查询，一般都是使用查询接口来实现的，这里小编要讲两个方法：

查询

方法1：精准查询

借助for循环遍历和if判断

for(let i=0;i<this.warningRecordList.length;i++) {
      if(val == this.warningRecordList[i].on_name) {
           list.push(this.warningRecordList[i])
           this.warningRecordList = list
           return this.warningRecordList
       }else{
           Toast.fail('未查找到：'+ val)
       }
 }
// for另外一种用法
var list = []
this.warningRecordList.forEach(item => {
	if(val == item.value) {
		list.push(item)
		return list
  }
})

这种方法有个弊端：就是需要输入全称才可以查到，该方法笔者认为它的精准查询

方法2：模糊查询

借助正则模糊匹配

var list  = []
 const reg = new RegExp(this.searchValue)  //重点是这里
 this.valueList.forEach(element => {  // forEach内部自定义的方法调用
      if(reg.test(element.warningTime) || reg.test(element.deal_with)){
           list.push(element)
      }
 });
 this.valueList = list

这个方法可以查询多个字段。