javascript - 如何从 Backbone 集合中提取多个属性？

Question

我正在尝试从 Backbone 集合中提取多个属性，但它返回undefined。

收藏

{
    id:1,
    name:"raju",
    age:23,
    sex:male,
    hobbies:..
}
{
    id:2,
    name:"ramesh",
    age:43,
    sex:male,
    hobbies:..
}

... //many models

我正在尝试从集合中获取多个属性。

collection.pluck(["id","name","age","sex"]);

预期产出

[{//multiple attributes},{}]

有没有其他方法可以获取多个属性？

Answer 1

正如@elclanrs 所说，collection.pluck提取单个属性，您必须使用_.map和自定义提取功能。就像是

var c = new Backbone.Collection([
    {id: 1, name: "raju", age: 23, sex: "male"},
    {id: 2, name: "ramesh", age: 43, sex: "male"}
]);

var plucked = c.map(function (model) {
    return _.pick(model.toJSON(), ["name", "age"]);
});
console.log(plucked);

还有一个演示http://jsfiddle.net/U7p9u/

---

您可以通过组合Collection.invoke和Model.pick

var c = new Backbone.Collection([
    {id: 1, name: "raju", age: 23, sex: "male"},
    {id: 2, name: "ramesh", age: 43, sex: "male"}
]);

plucked = c.invoke("pick", ["name", "age"]);  
console.log(plucked);

http://jsfiddle.net/U7p9u/5/

---

本着类似的精神，如果您的提取函数是在模型的原型上定义的：

var M = Backbone.Model.extend({
    mypluck: function () {
        return this.pick("name", "age");
    }
});

var C = Backbone.Collection.extend({
    model: M
});

var c = new C([
    {id: 1, name: "raju", age: 23, sex: "male"},
    {id: 2, name: "ramesh", age: 43, sex: "male"}
]);

var plucked = c.invoke("mypluck");
console.log(plucked);

http://jsfiddle.net/U7p9u/3/

Answer 2

在文档中它说：

“[pluck is the] 相当于调用 map 并从迭代器返回单个 属性。”

这使我相信多个属性是不可能的，因为您基本上是用其中一个属性替换集合中的一个项目。所以基本上你正在这样做：

var collect = [{a:'foo',b:'baz'},{a:'lol',b:'fur'}];

var key = 'a';
var result = collect.map(function(o){ return o[key] });

一种可能的解决方案是返回一个数组，然后将其展平，如下所示：

result = [].concat.apply([],collect.map(function(o){ return [o.a,o.b]; }));

console.log(result); //=> ["foo", "baz", "lol", "fur"]

Answer 3

http://jsfiddle.net/CoryDanielson/Lj3r85ew/

select您可以向集合和模型添加方法。
（或任何您认为合适的名称）

/**
    Backbone Model Select/Multi-get -------------------------------------------
*/

Backbone.Model.prototype.select = function(props) {  
    if ( arguments.length > 1 ) {
        props = slice.call(arguments);
    }
    if ( _.isArray(arguments[0]) ) {
        props = arguments[0];
    }

    // If requesting multiple, return all props
    if ( _.isArray(props) ) {
        return _.object(props, _.map(props, _.bind(this.get, this)));
    }
    // Else, return single property
    return this.get(props);
}

/**
    Backbone Collection Select ------------------------------------------------
*/
Backbone.Collection.prototype.select = function(props) {
    if ( arguments.length > 1 ) {
        props = slice.call(arguments);
    }
    if ( _.isArray(arguments[0]) ) {
        props = arguments[0];
    }

    return _.map(this.models, function(m) {
        return m.select(props);
    });
}

这将允许您在集合的所有模型中选择多个属性，或在模型上选择多个属性。

collection.select('id', 'first', 'last');   // or ['id', 'first', 'last']
model.select('first', 'last');              // or ['first', 'last']