筛选骨干集合根据属性值

Question

我有一个定义的模型和集合：

var Box = Backbone.Model.extend({ 
    defaults: { 
     x: 0, 
     y: 0, 
     w: 1, 
     h: 1, 
     color: "black" 
    } 

}); 

var Boxes = Backbone.Collection.extend({ 
    model: Box 
}); 

当收集填充了款，我需要做的是有一个特定的彩色包装盒型号的新箱集属性包含完整的集合中，我做这种方式：

var sorted = boxes.groupBy(function(box) { 
    return box.get("color"); 
}); 


var red_boxes = _.first(_.values(_.pick(sorted, "red"))); 

var red_collection = new Boxes; 

red_boxes.each(function(box){ 
    red_collection.add(box); 
}); 

console.log(red_collection); 

这工作，但我觉得有点复杂，效率不高。有没有办法以更简单的方式做同样的事情？

这里是我描述的代码：http://jsfiddle.net/HB88W/1/

Answer 1

我喜欢返回集合的新实例。这使得这些过滤方法可链接（例如，boxes.byColor("red").bySize("L")）。

var Boxes = Backbone.Collection.extend({ 
    model: Box, 

    byColor: function (color) { 
     filtered = this.filter(function (box) { 
      return box.get("color") === color; 
     }); 
     return new Boxes(filtered); 
    } 
}); 

var red_boxes = boxes.byColor("red") 

Answer 2

见http://backbonejs.org/#Collection-where

var red_boxes = boxes.where({color: "red"}); 

var red_collection = new Boxes(red_boxes);