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