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