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);
}
相关文章
|
9月前
|
JavaScript 前端开发
js中模糊搜索 模糊匹配如何实现?
js中模糊搜索 模糊匹配如何实现?
|
5月前
|
机器学习/深度学习 算法
R语言超参数调优:深入探索网格搜索与随机搜索
【9月更文挑战第2天】网格搜索和随机搜索是R语言中常用的超参数调优方法。网格搜索通过系统地遍历超参数空间来寻找最优解,适用于超参数空间较小的情况;而随机搜索则通过随机采样超参数空间来寻找接近最优的解,适用于超参数空间较大或计算资源有限的情况。在实际应用中,可以根据具体情况选择适合的方法,并结合交叉验证等技术来进一步提高模型性能。
|
9月前
|
JSON JavaScript 数据格式
超有意思的模糊搜索
超有意思的模糊搜索
|
9月前
|
人工智能 开发工具 git
语义搜索测试
语义搜索测试
80 0
|
前端开发
react实现多条件搜索——可模糊搜索
react实现多条件搜索——可模糊搜索
222 0
|
SQL 索引
白话Elasticsearch03- 结构化搜索之基于bool组合多个filter条件来搜索数据
白话Elasticsearch03- 结构化搜索之基于bool组合多个filter条件来搜索数据
309 0
|
JavaScript
计算属性实现模糊搜索功能场景
我相信大家在项目中都会遇到模糊搜索这个功能要求,即我们在输入框内输入文字后显示与输入文字相关的关键字,那这个具体实现方案是什么,这是我在最近一期蓝桥杯楼赛中遇到的业务需求,大家可以来思考一下,下面我将进行实现详解
156 2
计算属性实现模糊搜索功能场景
|
存储 并行计算 算法
秒懂算法 | 搜索基础
本篇介绍了BFS和DFS的概念、性质、模板代码。
176 0
秒懂算法 | 搜索基础
|
小程序 数据库
小程序搜索功能,云开发搜索,小程序云开发模糊搜索,同时搜索多个字段
小程序搜索功能,云开发搜索,小程序云开发模糊搜索,同时搜索多个字段
293 0