ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

js 多条件 多数据筛选

2022-08-31 15:02:58  阅读:261  来源: 互联网

标签:arr return key js filters 条件 console 筛选 log


场景:前端多条件过滤

 

 

 数据格式:[

{

color: "",
companyName: "济南宏益环境科技有限公司",
orgid: "370114",
remark: "111",
tag: "人工标记"

},
……

]

方法定义:

export function multiFilter(array, filters) {     const filterKeys = Object.keys(filters)     console.log(filterKeys);     // filters all elements passing the criteria     return array.filter((item) => {       // dynamically validate all filter criteria       return filterKeys.every(key => {           //ignore when the filter is empty Anne         if(!filters[key].length) return true         return !!~item[key].indexOf(filters[key])       })     })   }

vue调用         getList1() {             this.currentPage = 1             this.pageSize = 10             // console.log(this.searchForm)    //重新组装数据             let obj={                 companyName:this.searchForm.companyName,                 tag:this.searchForm.tag || "",                 orgid:this.searchForm.orgid || "",             }                         const arr = multiFilter(this.cloneData, obj)  //调用方法             // console.log(arr);                   // arr.forEach(item=>{             //     console.log(item.orgid);             // })             this.tableData = arr         },

 

标签:arr,return,key,js,filters,条件,console,筛选,log
来源: https://www.cnblogs.com/zhaohui9527/p/16643098.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有