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);
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值