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

最新推荐文章于 2024-04-20 09:10:22 发布

xingchen678

最新推荐文章于 2024-04-20 09:10:22 发布

阅读量4.7k

点赞数 1

分类专栏： js

原文链接：https://blog.csdn.net/quyunde/article/details/90080814

版权

js 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <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>
————————————————
版权声明：本文为CSDN博主「quyunde」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/quyunde/article/details/90080814