Lọc bộ sưu tập xương sống bởi giá trị thuộc tính

Question

Tôi đã một mô hình xác định và một bộ sưu tập:

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

}); 

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

Khi bộ sưu tập được dân cư với các mô hình, tôi cần một hộp bộ sưu tập mới được làm từ các mô hình hộp có một màu sắc cụ thể thuộc tính chứa trong bộ sưu tập hoàn chỉnh, tôi làm theo cách này:

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); 

Công trình này, nhưng tôi thấy nó hơi phức tạp và không hiệu quả. Có cách nào để làm điều tương tự này theo một cách đơn giản hơn không?

Đây là mã tôi đã mô tả: http://jsfiddle.net/HB88W/1/

Answer 1

Tôi thích trở về một thể hiện mới của bộ sưu tập. Điều này làm cho các phương thức lọc này có thể chuỗi (ví dụ: 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

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

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

var red_collection = new Boxes(red_boxes);