如何使用underscore.js基于另一个集合筛选集合

Question

我有一个名为`mainItems``的集合

this.mainItems;

包含18个模型。还有一个包含选定项目的集合对象：

this.seletedItems;

我需要根据其他集合筛选主集合对象。

我尝试了以下方法：

    var that = this;
    var model = _.reject(that.filteredItems.models, function(model1){
        return _.filter(that.collection.models, function(model2) {
           return model1.id == model2.id;
        });
    });

但这种方法不能正常工作。是否可以通过避免第二次迭代来过滤主要项目？

请帮忙！

Answer 1

您可以使用Backbone代理的Underscore方法来简化过滤器。

例如，要列出mainItems中的模型而不列出selectedItems中的模型，可以使用

// reject the models found in selectedItems
var filtered = mainItems.reject(function(m) {
    return selectedItems.get(m.id);
});

注意，Collection.get是一个散列查找，使其成为相当于@GruffBunny在评论中指出的答案的主干。

还有一个演示

var mainItems = new Backbone.Collection([
    {id: 1},
    {id: 2},
    {id: 3},
    {id: 4}
]);
var selectedItems = new Backbone.Collection([
    {id: 2}
]);
var keep = mainItems.reject(function(m) {
    return selectedItems.get(m.id);
});
console.log(_.pluck(keep, 'id'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>

Answer 2

您可以使用差异来获取所有未选择的模型。

var mainItems = [{ a: 1 }, { b: 2 }, { c: 3 }];
var selectedItems = mainItems.slice(1);
console.log(_.difference(mainItems, selectedItems));

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>