前端 输入框筛选

前端 输入框筛选
第一种 利用filter和indexOf

  this.tableList = this.tableList.filter((item) => {
        return item.properties.SITE_NAME
          ? item.properties.SITE_NAME.indexOf(this.input) >= 0
          : item.properties.OBJ_NAME.indexOf(this.input) >= 0;
      });

第二种 利用forEach和 RegExp正则表达式

  //定义搜索数组
      let searchArr = [];
      let str = ".*" + this.input + ".*";
      let reg = new RegExp(str);
      this.tableList.forEach((element) => {
        if (reg.test(element.properties.SITE_NAME)) {
          searchArr.push(element);
        } else if (reg.test(element.properties.OBJ_NAME)) {
          searchArr.push(element);
        }
      });
      //改变数组
      this.tableList = searchArr;