js Array.filter( ) 实现前端多条件筛选

最新推荐文章于 2025-03-04 09:31:42 发布

逍遥运德

最新推荐文章于 2025-03-04 09:31:42 发布

阅读量1.2w

点赞数 3

分类专栏：过滤筛选前端前端技巧文章标签： Array.filter 多条件筛选前端技术

本文链接：https://blog.youkuaiyun.com/quyunde/article/details/90080814

版权

前端同时被 3 个专栏收录

11 篇文章

订阅专栏

前端技巧

4 篇文章

订阅专栏

过滤筛选

2 篇文章

订阅专栏

<!DOCTYPE html>
<html>

   <body>
       <script type="text/javascript">
           window.onload = function() {
               let arr = [{
                       name: "q1121",
                       age: 12,
                       address: "辽宁大连1"
                   },
                   {
                       name: "q44",
                       age: 12,
                       address: "辽宁大连4"
                   },
                   {
                       name: "q55",
                       age: 12,
                       address: "辽宁大连5"
                   },
                   {
                       name: "q222",
                       age: 13,
                       address: "辽宁大连2"
                   },
                   {
                       name: "q332",
                       age: 12,
                       address: "辽宁沈阳1"
                   }
               ];
               //筛选条件
               let filter = {
                   name: "",
                   age: 12,
                   address: "辽宁",
               };
               //拿到有值的参数
               let tempFilter = {};
               for(key in filter) {
                   if(typeof(filter[key]) != "undefined" && typeof(filter[key]) != "null" && filter[key] != null && filter[key] != "") {
                       tempFilter[key] = filter[key];
                   }
               }
               //筛选
               let resultArr = arr.filter(
                   (item) => {
                       let flag = false;
                       for(key in tempFilter) {
                           if(item[key].toString().indexOf(tempFilter[key].toString()) >= 0) {
                               flag = true;
                           } else {
                               flag = false;
                               break;
                           }
                       }
                       if(flag) {
                           return item;
                       }
                   }
               );
               console.log(JSON.stringify(resultArr));
               //[
               //   {"name":"q1121","age":12,"address":"辽宁大连1"},
               //   {"name":"q44","age":12,"address":"辽宁大连4"},
               //   {"name":"q55","age":12,"address":"辽宁大连5"},
               //   {"name":"q332","age":12,"address":"辽宁沈阳1"}
               //]
           }
       </script>
   </body>

</html>