Question

我有两个对象数组：

var a = [{id:456, name:'sojuz'},
         {id:751, name:'sputnik'},
         {id:56, name:'arianne'}]

var b = [{id:751, weight:5800},
         {id:456, weight:2659},
         {id:56, weight:6700}]

使用underscorejs如何将数组a扩展到新数组c中从数组b添加权重属性，其中id属性是相同的：

var c = [{id:456, name:'sojuz', weight:2659},
         {id:751, name:'sputnik', weight:5800},
         {id:56, name:'arianne', weight:6700}]

Answer 1

这是用下划线做的一种方式：

var c = _.map(a, function(element) {
    var treasure = _.findWhere(b, { id: element.id });

    return _.extend(element, treasure);
});

如果你想用它来捣鼓（看看我在那里做了什么）：http://jsfiddle.net/b90pyxjq/3/

Answer 2

您可以映射（_.map）列表_.indexBy中的每个索引（a）对象，并将b列表到扩展对象（_.extend）生成合并对象列表。

以下解决方案使用Underscore.js库。

var a = [
  { id: 456, name: 'sojuz' },
  { id: 751, name: 'sputnik' },
  { id: 56,  name: 'arianne' }
];

var b = [
  { id: 751, weight: 5800 },
  { id: 456, weight: 2659 },
  { id: 56,  weight: 6700 }
];

function mergeLists(listA, listB, idField) {
  var indexA = _.indexBy(a, idField)
  var indexB = _.indexBy(b, idField);

  return _.map(indexA, function(obj, key) {
    return _.extend(obj, indexB[key]);
  });
}

var c = mergeLists(a, b, 'id');

document.body.innerHTML = JSON.stringify(c, null, ' ');

body {
  white-space: pre;
  font-family: monospace;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

修改

通过消除a列表的不必要索引，我修改了上面的原始示例。我的解决方案比上面的Aurélien Thieriot's solution运行效率更高，大约快了48％。

您可以在此处看到它：http://jsperf.com/underscore-merge/3

function mergeLists3(listA, listB, idField) {
  var indexB = _.indexBy(listB, idField);

  return _.map(listA, function(obj, key) {
    return _.extend(obj, indexB[obj[idField]]);
  });
}

Answer 3

这样的东西可以起作用，但绝对不是最佳的：

var c = [];
for(var i = 0; i < a.length; i++) {
   for (var j = 0; j < b.length; j++) {
      if(b[j].id == a[i].id) {
        var newC = {
          id: a[i].id,
          name: a[i].name,
          weight: b[j].weight
        }
        c.push(newC);
        break;
      }
   }
}

然而，这确实有O（n ^ 2）的复杂性，我确信它可以被优化。

Answer 4

使用ES6或使用带有polyfilled替换的ES5复制任何属性名称而不使用下划线：

a.map(function (aItem) {
    var found = b.find(function (bItem) {
        if (aItem.id == bItem.id) return true;
    }) || {};

    Object.getOwnPropertyNames(found).map (function (property) {
        aItem[property] = found[property];
    });
});

使用下划线组合两个对象数组

4 个答案:

修改