1

假设我有一家商店有不同的订单。订单有送货地址和发票地址。地址本身有一个城市、街道等：

let data = [
        { id: 1, name: 'Anna', delivery: {city: "Amsterdam"}, invoice: {city: "Amsterdam"} },
        { id: 2, name: 'Anton', delivery: {city: "Amsterdam"}, invoice: {city: "Berlin"}}
];

我想过滤收货地址和发票地址所在城市相同的所有订单。

我在 jsFiddle 中尝试过：https ://jsfiddle.net/gbwv2bde/3/ ，但我对结果不太满意。有谁知道使用过滤器完成该任务的方法？

4

1 回答 1

1

试试这个，它将返回物品 Anna 和 Julie

        var data = [
            { id: 1, name: 'Anna', delivery: { city: "Amsterdam" }, invoice: { city: "Amsterdam" } },
            { id: 2, name: 'Anton', delivery: { city: "Amsterdam" }, invoice: { city: "Berlin" } },
            { id: 3, name: 'John', delivery: { city: "Berlin" }, invoice: { city: "Paris" } },
            { id: 4, name: 'Julie', delivery: { city: "Paris" }, invoice: { city: "Paris" } }
        ];

        var myStore = new Memory({ data: data, idProperty: 'id' });
        var myResultsSet = myStore.filter(function (object) {
            return object.delivery.city === object.invoice.city;
        });

        myResultsSet.forEach(function (item) {
            console.log("item ", item.name);
        });

基本上你可以创建一个你自己的函数来传递给filter()，你可以用它来编写你自己的比较逻辑。

有关更多详细信息，请参见此处 https://github.com/SitePen/dstore/blob/master/docs/Collection.md

过滤器（查询）

这会过滤集合，返回一个新的子集集合。查询可以是对象或过滤器对象，其属性定义匹配对象的约束。一些商店，如服务器或 RQL 商店，可能接受基于字符串的查询。具有内存功能的存储（如 dstore/Memory）也可以接受过滤功能，但使用过滤器构建器将确保最大的跨存储兼容性。

编辑：具有更多要比较的属性的示例。您的函数只需要返回一个真或假（如果对象符合您的比较条件，则为真）

        var data = [
            { id: 1, name: 'Anna', delivery: { city: "Amsterdam", price: 5 }, invoice: { city: "Amsterdam", price: 20 } },
            { id: 2, name: 'Anton', delivery: { city: "Amsterdam", price: 8 }, invoice: { city: "Berlin", price: 7 } },
            { id: 3, name: 'John', delivery: { city: "Berlin", price: 10 }, invoice: { city: "Paris", price: 20 } },
            { id: 4, name: 'Julie', delivery: { city: "Paris", price: 2 }, invoice: { city: "Paris", price: 3  } }
        ];

        //example for custom filtering with nested properties
        var myStore = new Memory({ data: data, idProperty: 'id' });
        var myResultsSet = myStore.filter(function (object) {
            if(object.delivery.city === object.invoice.city){
                if (object.delivery.price < 5 && object.invoice.price < 5)
                    return true;
            }else
                return false;
        });

        myResultsSet.forEach(function (item) {
            console.log("item ", item.name);
        });
于 2017-03-22T15:30:56.020 回答