javascript - lodash方法合并2个不同大小的对象

Question

是否有任何方法可以合并两个这样的对象数组

var a = [{id: 1, val: 1},{id: 2, val: 2},{id: 3, val: 3},{id: 4, val: 4},{id: 5, val: 5}];
var b = [{id: 21, val: 21},{id: 22, val: 22},{id: 23, val: 23}]

//final result should be
c = [
  {id:1, val: 1},
  {id:21, val: 21},
  {id:2, val: 2},
  {id:22, val: 22},
  {id:3, val: 3},
  {id:23, val: 23},
  {id:4, val: 4},
  {id:5, val: 5}
]

当然我可以自己创建它，但只是想检查lodash是否提供

Answer 1

你可以先zip数组，flatten结果然后使用 compact删除缺失的数组元素(zip 将它们添加为未定义):

var c = _.compact(_.flatten(_.zip(a,b)))

或者使用链接:

var c = _(a)
    .zip(b)
    .flatten()
    .compact()
    .value()

var a = [{id: 1, val: 1},{id: 2, val: 2},{id: 3, val: 3},{id: 4, val: 4},{id: 5, val: 5}];
var b = [{id: 21, val: 21},{id: 22, val: 22},{id: 23, val: 23}]

var c = _(a)
    .zip(b)
    .flatten()
    .compact()
    .value()
    
document.getElementById('results').textContent = JSON.stringify(c);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

<pre id="results"></pre>