filter来实现模糊搜索的功能-很有用!

简介: filter来实现模糊搜索的功能-很有用!

在js的学习过程中,我们逐渐会发现,初识的if(),for()等流程控制语句在某些场合存在一定的局限性,常常会出现多次嵌套,用大量的时间来筛选出符合要求的内容,更简便,更有逻辑的方法就应当在此时被引用,我们结识了filter()

定义:

filter用于对数组进行过滤。

filter() 方法会创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

特性:

原数组不变

不会对空数组进行检测

在制作劳务派遣项目的过程中,面对大量数据的多次筛选,for循环难以完成这样的任务

那么在用了filter方法后我们可以怎样解决这样的问题

// 搜索框事件
function searchs() {
  // console.log(dataList); //所有人员信息
  //筛选过后的人员数据
  list_data = dataList.filter(function(dataList) {
    //判断是否满足搜索条件
    if (
      String(dataList.name).indexOf(String(nn)) > -1 && //姓名包含用户输入的姓名
      String(dataList.account).indexOf(String(kk)) > -1 && //公司包含用户选择的公司
      String(dataList.title).indexOf(String(ii)) > -1 && //项目包含项目名称
      String(dataList.grade_title).indexOf(String(ll)) > -1 && //等级包含用户选择的等级
      String(dataList.grade_title).indexOf(String(bb)) > -1 //证书信息包含用户选择的证书
    ) {
      return dataList;
    }
  })
  // console.log(list_data);
  // 调用渲染函数;
  let page = 0;
  staffRenders(list_data);
}
相关文章
|
2月前
|
JavaScript
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
51 0
|
4月前
|
JavaScript 前端开发
js中模糊搜索 模糊匹配如何实现?
js中模糊搜索 模糊匹配如何实现?
|
4天前
|
SQL 前端开发 Java
实现数据的搜索( 筛选 )功能
实现数据的搜索( 筛选 )功能
|
15天前
|
JSON JavaScript 数据格式
超有意思的模糊搜索
超有意思的模糊搜索
|
4月前
|
人工智能 开发工具 git
语义搜索测试
语义搜索测试
29 0
|
6月前
|
前端开发
react实现多条件搜索——可模糊搜索
react实现多条件搜索——可模糊搜索
82 0
|
9月前
|
人工智能 自然语言处理 算法
Similarities:精准相似度计算与语义匹配搜索工具包,多维度实现多种算法,覆盖文本、图像等领域,支持文搜、图搜文、图搜图匹配搜索
Similarities:精准相似度计算与语义匹配搜索工具包,多维度实现多种算法,覆盖文本、图像等领域,支持文搜、图搜文、图搜图匹配搜索
Similarities:精准相似度计算与语义匹配搜索工具包,多维度实现多种算法,覆盖文本、图像等领域,支持文搜、图搜文、图搜图匹配搜索
|
12月前
|
小程序 数据库
小程序搜索功能,云开发搜索,小程序云开发模糊搜索,同时搜索多个字段
小程序搜索功能,云开发搜索,小程序云开发模糊搜索,同时搜索多个字段
242 0
|
前端开发
前端学习案例-搜索参数2
前端学习案例-搜索参数2
41 0
前端学习案例-搜索参数2
|
前端开发
前端学习案例-搜索参数
前端学习案例-搜索参数
59 0
前端学习案例-搜索参数