如何联盟/使用UnderscoreJS他们的“身份证”合并两个集合(How do I union/m

我有两个集合（菜单和Orders）

菜单集合包含项目对象的数组

[{'id': '1', 'name': 'apple'}, {'id': '2', 'name': 'orange'}]

和命令集还包含项目对象的数组

[{'id': '1', 'quantity': '0'}]

而且我要他们合并在一起，由ID其属性为另一个集合（这是需要的只是模板用途）：

[{'id': '1', 'name': 'apple', 'quantity': '1'}, {'id': '2', 'name': 'orange'}]

是否有这样的下划线方法或者我需要定义一个函数呢？ [好像我尝试了所有的下划线合并功能，但他们没有工作我预期的方式]

Answer 1:

假设你的藏品都是骨干集合

var menus = new Backbone.Collection([
    {'id': '1', 'name': 'apple'}, 
    {'id': '2', 'name': 'orange'}
]);

var orders = new Backbone.Collection([{'id': '1', 'quantity': 1}]);

你可以利用代理的集合和功能collection.get ：

var merged = menus.map(function(menu) {
    var id = menu.get('id'),
        order = orders.get(id);

    if (!order) return menu.toJSON();

    return _.extend(menu.toJSON(), order.toJSON());
});

和小提琴一起玩http://jsfiddle.net/bs6jN/

Answer 2:

不要认为这是在underscore.js定义的函数这一点，但做到这一点是通过使用一种方式_.map和_.find功能如下，

var menus = [{'id': '1', 'name': 'apple'}, {'id': '2', 'name': 'orange'}];

var orders = [{'id': '1', 'quantity': '0'}];

var newMenu = _.map(menus, function (menu) {  
    var order = _.find(orders, function (o) { 
        return o.id == menu.id;
    }); 
    return _.extend(menu, order); 
});

console.log(newMenu);

Answer 3:

这应该做的工作：

var result = [];
_.each(menu, function(el){
    _.extend(el,_.where(orders, {id: el.id})[0] || {});
    result.push(el);
});

Answer 4:

如果你想做一个工会，您可以使用下划线的方式做到这一点：

// collectionUnion(*arrays, iteratee)
function collectionUnion() {
    var args = Array.prototype.slice.call(arguments);
    var it = args.pop();

    return _.uniq(_.flatten(args, true), it);
}

它只是原始功能的改良效果_.union(*arrays) ，加入iteratee工作集合（对象的数组）。

这里如何使用它：

var result = collectionUnion(a, b, c, function (item) {
    return item.id;
});

原来的功能，该功能只是阵列的工作，看起来像这样：

_.union = function() {
  return _.uniq(flatten(arguments, true, true));
};

而在奖金一个完整的例子：

// collectionUnion(*arrays, iteratee)
function collectionUnion() {
    var args = Array.prototype.slice.call(arguments);
    var it = args.pop();

    return _.uniq(_.flatten(args, true), it);
}

var a = [{id: 0}, {id: 1}, {id: 2}];
var b = [{id: 2}, {id: 3}];
var c = [{id: 0}, {id: 1}, {id: 2}];

var result = collectionUnion(a, b, c, function (item) {
    return item.id;
});

console.log(result); // [ { id: 0 }, { id: 1 }, { id: 2 }, { id: 3 } ]

编辑：我写了一篇博客文章，如果你想了解更多详细信息： http://geekcoder.org/union-of-two-collections-using-underscorejs/

Answer 5:

我们CA与纯JS这样的合并

    var arrOne = [{'id': '1', 'name': 'apple'}, {'id': '2', 'name': 'orange'}];
    var arrTwo = [{'id': '1','quantity': '0'}];

    function mergeArr(arrOne, arrTwo) {
        var mergedArr = [];
        arrOne.forEach(function (item) {
            var O = item;
            arrTwo.forEach(function (itemTwo) {
                if (O.id === itemTwo.id) {
                    O.quantity = itemTwo.quantity;

                }
            });
            mergedArr.push(O);

        });

        return mergedArr;
    }

文章来源: How do I union/merge two Collections by their 'id' using UnderscoreJS