一个JavaScript数据筛选器（一）——基本筛选器

最新推荐文章于 2023-10-24 17:22:36 发布

原创

最新推荐文章于 2023-10-24 17:22:36 发布 · 2.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #数据 #筛选器 #json #mongodb

本文介绍了受MongoDB启发的JavaScript数据筛选器，旨在实现对原始数据的水平、垂直裁剪。通过示例展示了如何使用筛选器来提取特定字段，以适应数据到视图的转换需求。筛选器使用JSON对象描述，具有良好的扩展性，避免了传统方法的维护难题。文章末尾将分享筛选器的实现代码。

最近体验了一下Node.js和MongoDB，在开发过程中受到MongoDB使用JSON作为语法承载结构的启发，制作了一个JavaScript的数据筛选器。

最初的目标是希望实现一个能够对原始数据进行水平、垂直裁剪的通用语法接口，以实现数据到视图的自动生成，举个小例子：

从服务器获得了如下一组数据：
{
    Key1: "Value1",
    Key2: "Value2",
    Key3: "Value3",
    Key4: {
        SubKey1: "Value4",
        SubKey2: [
            "Value5",
            "Value6",
            "Value7"
        ]
    },
}

现在，我们想在页面上显示Key1，Key3，Key4中的SubKey2。那么传统手段是创建一个新的空对象，然后按照原始数据的结构将需要的字段或数组项拷贝过去。显然，这种方法毫无扩展性，未来会不可避免的出现难以维护的局面。那么我们用MongoDB的思路来做做看。

我们构建一个如下对象：
[
    "Key1",
    "Key3",
    {
        "Key4" : [
            "SubKey2"
        ]
    }
]
这个对象就是一个数据筛选器，在这个对象中数组表示字段筛选器，数组中的每一项表示原始数据中需要保留的字段名称，当一个数组项为对象时，表示这是用来筛选子字段的子字段筛选器