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']

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

3 个答案: