link之家
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
我有两个集合，对象都有一个公共键"userId“。如下所示：
var _= require('lodash');
var a = [
{ userId:"p1", item:1},
{ userId:"p2", item:2},
{ userId:"p3", item:4}
var b = [
{ userId:"p1", profile:1},
{ userId:"p2", profile:2}
];我想根据"userId“将它们合并，以生成：
[ { userId: 'p1', item: 1, profile: 1 },
{ userId: 'p2', item: 2, profile:2 },
{ userId: 'p3', item: 4 } ]到目前为止，我有以下几点：
var u = _.uniq(_.union(a, b), false, _.property('userId'));这会导致：
[ { userId: 'p1', item: 1 },
{ userId: 'p2', item: 2 },
{ userId: 'p3', item: 4 },
{ userId: 'p1', profile: 1 },
{ userId: 'p2', profile: 2 } ]现在如何合并它们？
我尝试过_.keyBy，但结果是：
{ p1: { userId: 'p1', profile: 1 },
p2: { userId: 'p2', profile: 2 },
p3: { userId: 'p3', item: 4 } }这是错误的。
我应该做的最后一步是什么？
5 个回答
高票数
最新
Josh Crozier
修改于2016-01-30 03:36
得票数
2
尝试此 demo
var a = [{
userId: "p1",
item: 1
userId: "p2",
item: 2
userId: "p3",
item: 4
var b = [{
userId: "p1",
profile: 1
userId: "p2",
profile: 2
a.forEach(function (aitem) {
b.forEach(function (bitem) {
if(aitem.userId === bitem.userId) {
_.assign(aitem, bitem);
console.log(a);
Nina Scholz
回答于2016-01-30 06:10
得票数
6
只是为了完整:一个没有任何库的提案。
function merge(a, b, key) {
function x(a) {
a.forEach(function (b) {
if (!(b[key] in obj)) {
obj[b[key]] = obj[b[key]] || {};
array.push(obj[b[key]]);
Object.keys(b).forEach(function (k) {
obj[b[key]][k] = b[k];
var array = [],
obj = {};
x(a);
x(b);
return array;
var a = [
{ userId: "p1", item: 1 },
{ userId: "p2", item: 2 },
{ userId: "p3", item: 4 }
b = [
{ userId: "p1", profile: 1 },
{ userId: "p2", profile: 2 }
c = merge(a, b, 'userId');
document.write('<pre>' + JSON.stringify(c, 0, 4) + '</pre>');
Nicolas Le Thierry d'Ennequin
修改于2018-01-24 02:18
得票数
7
Lodash有一个在对象上工作的
merge
方法(具有相同键的对象被合并)。在本演示中，数组
a
和
b
首先转换为对象(其中
userId
是键)，然后合并，并将结果转换回数组(
_.values
) (去掉键)。因此，
_.flatten
是必需的，因为
_.values
添加了额外的数组级别。
var u= _({}) // Start with an empty object
.merge(
_(a).groupBy("userId").value(),
_(b).groupBy("userId").value()
.values()
.flatten()
.value();
garrettmac
回答于2018-08-07 02:17
得票数
3
不带lodash的ES6+版本。
const array1 = [{ userId: "p1", item: 1 }, { userId: "p2", item: 2 },{ userId: "p3", item: 4 }];
const array2 = [{ userId: "p1", profile: 1 }, { userId: "p2", profile: 2 }];
const result = array1.map(a => ({
...a,
...array2.find(b => b.userId === a.userId) // _.find(array2, 'skuId') <-- or with lodash
document.write('<pre>' + JSON.stringify(result, 0, 2) + '</pre>');
Jorjon
修改于2021-03-26 03:09
得票数
47
得票率第二高的答案没有进行适当的合并。如果第二个数组包含唯一属性，则不会将其考虑在内。
这种方法进行了适当的合并。
Lodash
var a = [
{ userId:"p1", item:1},
{ userId:"p2", item:2},
{ userId:"p3", item:4}
var b = [
{ userId:"p1", profile:1},
{ userId:"p2", profile:2},
{ userId:"p4", profile:4}
var merged = _.merge(_.keyBy(a, 'userId'), _.keyBy(b, 'userId'));
var values = _.values(merged);
console.log(values);<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js"></script>
ES6+
// from https://stackoverflow.com/a/34749873/80766
const mergeDeep = (target, ...sources) => {
if (!sources.length) return target;
const source = sources.shift();
if (target instanceof Object && source instanceof Object) {
for (const key in source) {
if (source[key] instanceof Object) {
if (!target[key]) Object.assign(target, { [key]: {} });
mergeDeep(target[key], source[key]);
} else {
Object.assign(target, { [key]: source[key] });
return mergeDeep(target, ...sources);
const a = [
{ userId:"p1", item:1},
{ userId:"p2", item:2},
{ userId:"p3", item:4}
const b = [
{ userId:"p1", profile:1},
{ userId:"p2", profile:2},
{ userId:"p4", profile:4}
推荐文章