blocks|key|972085|text|这个链接可能会对你的合并两个数组有所帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|972086|在这个代码片段中，我试图找到set1和set2之间的公共对象，如果有，我要找到唯一的属性，更改它们的内容，以及object2中不存在的属性，并将其推送到object1|972087|检查下面的片段。|972088|​|972089|var+arr1+=+[{
++id:+"123",
++data:+[{
++++id:+"234",
++++data:+"hello"
++},+{
++++id:+"345",
++++data:+"there"
++},+{
++++id:+"xyz",
++++data:+"yo"
++}]
},+{
++id:+"456",
++data:+[{
++++id:+"34",
++++data:+"test"
++},+{
++++id:+"45",
++++data:+"test2"
++},+{
++++id:+"yz",
++++data:+"test3"
++}]
},+{
++id:+"789",
++data:+[{
++++id:+"23",
++++data:+"aaa"
++},+{
++++id:+"34",
++++data:+"bbb"
++},+{
++++id:+"xy",
++++data:+"ccc"
++}]
}]

var+arr2+=+[{
++id:+"456",
++data:+[{
++++id:+"45",
++++data:+"changed"
++},+{
++++id:+"yz",
++++data:+"data"
++}]
},+{
++id:+"789",
++data:+[{
++++id:+"456",
++++data:+"appended+data"
++}]
},+{
++id:+"890",
++data:+[{
++++id:+"456",
++++data:+"new+data"
++}]
}]
var+arr3+=+[];
for+(var+i+in+arr1)+{
++var+shared+=+false;
++for+(var+j+in+arr2)
++++if+(arr2[j].id+==+arr1[i].id)+{
++++++shared+=+true;
++++++//++arr1[i].data.concat(arr2[j].data);
++++++var+set1+=+pushproperties(arr1[i].data,+arr2[j].data);
++++++arr1[i].data+=+set1;
++++++arr3.push(arr1[i]);
++++++break;
++++}
++if+(!shared)+{
++++arr3.push(arr1[i]);
++++arr3.push(arr2[j]);
++}

}

function+pushproperties(set1,+set2)+{
++var+filtered+=+false;
++set2.forEach(function(item)+{
++++filtered+=+set1.every(function(element)+{
++++++return+element.id+!=+item.id;

++++});
++++if+(filtered)+{
++++++set1.push(item);
++++}

++});

++set1.forEach(function(item)+{
++++set2.forEach(function(element)+{
++++++if+(item.id+==+element.id)+{
++++++++item.data+=+element.data;
++++++}

++++});


++});

++return+set1;

}

console.log(arr3);|code-block|syntax|javascript|972090|972091|希望这能有所帮助|972092|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/7146217/merge-2-arrays-of-objects^0|A|6|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|D|3|E|5|6|7|13|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|14|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|15|8|@]|9|@]|C|$]]|$1|J|3|K|5|L|7|16|8|@]|9|@]|C|$M|N]]|$1|O|3|I|5|6|7|17|8|@]|9|@]|C|$]]|$1|P|3|Q|5|6|7|18|8|@]|9|@]|C|$]]|$1|R|3|-4|5|6|7|19|8|@]|9|@]|C|$]]]|S|$T|$5|U|V|W|C|$X|Y]]]]

<p>This links could be helpful to you <a href="https://stackoverflow.com/questions/7146217/merge-2-arrays-of-objects">merge two arrays</a>.</p>

<p>In this code snippet, i have tried to find the common objects between set1 and set2,if there are any i'm finding the unique properties and changing their content and also non existant properties in object2 and pushing it to object1 </p>

<p>Check the following snippet.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var arr1 = [{
  id: "123",
  data: [{
    id: "234",
    data: "hello"
  }, {
    id: "345",
    data: "there"
  }, {
    id: "xyz",
    data: "yo"
  }]
}, {
  id: "456",
  data: [{
    id: "34",
    data: "test"
  }, {
    id: "45",
    data: "test2"
  }, {
    id: "yz",
    data: "test3"
  }]
}, {
  id: "789",
  data: [{
    id: "23",
    data: "aaa"
  }, {
    id: "34",
    data: "bbb"
  }, {
    id: "xy",
    data: "ccc"
  }]
}]

var arr2 = [{
  id: "456",
  data: [{
    id: "45",
    data: "changed"
  }, {
    id: "yz",
    data: "data"
  }]
}, {
  id: "789",
  data: [{
    id: "456",
    data: "appended data"
  }]
}, {
  id: "890",
  data: [{
    id: "456",
    data: "new data"
  }]
}]
var arr3 = [];
for (var i in arr1) {
  var shared = false;
  for (var j in arr2)
    if (arr2[j].id == arr1[i].id) {
      shared = true;
      //  arr1[i].data.concat(arr2[j].data);
      var set1 = pushproperties(arr1[i].data, arr2[j].data);
      arr1[i].data = set1;
      arr3.push(arr1[i]);
      break;
    }
  if (!shared) {
    arr3.push(arr1[i]);
    arr3.push(arr2[j]);
  }

}

function pushproperties(set1, set2) {
  var filtered = false;
  set2.forEach(function(item) {
    filtered = set1.every(function(element) {
      return element.id != item.id;

    });
    if (filtered) {
      set1.push(item);
    }

  });

  set1.forEach(function(item) {
    set2.forEach(function(element) {
      if (item.id == element.id) {
        item.data = element.data;
      }

    });


  });

  return set1;

}

console.log(arr3);</code></pre>
</div>
</div>
</p>

<p>Hope this helps</p>


blocks|key|777944|text|这是一个函数，它使用Array.prototype.reduce()递归地合并两个数组。如果遇到具有相同id的项，并且它们有一个data支柱(这是一个数组)，则使用逻辑将它们合并。如果data不是数组，则它将被最后一个项覆盖。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|777945|​|777946|function+mergeArraysDeep(arr1,+arr2)+{+
++var+unique+=+arr1.concat(arr2).reduce(function(hash,+item)+{
++++var+current+=+hash[item.id];
++++
++++if(!current)+{
++++++hash[item.id]+=+item;
++++}+else+if+(Array.isArray(current.data))+{
++++++current.data+=+mergeArraysDeep(current.data,+item.data);
++++}+else+{
++++++current.data+=+item.data;
++++}

++++return+hash;
++},+{});

++return+Object.keys(unique).map(function(key)+{
++++return+unique[key];
++});
}

var+array1+=+[
++{id:"123",+data:[{id:"234",data:"hello"},{id:"345",data:"there"},{id:"xyz",+data:"yo"}]},
++{id:"456",+data:[{id:"34",data:"test"},{id:"45",data:"test2"},{id:"yz",+data:"test3"}]},
++{id:"789",+data:[{id:"23",data:"aaa"},{id:"34",data:"bbb"},{id:"xy",+data:"ccc"}]}
];

var+array2+=+[
++{id:"456",+data:[{id:"45",data:"changed"},{id:"yz",+data:"data"}]},
++{id:"789",+data:[{id:"456",data:"appended+data"}]},
++{id:"890",+data:[{id:"456",data:"new+data"}]}
];

var+result+=+mergeArraysDeep(array1,+array2)

console.log(result);|code-block|syntax|javascript|777947|777948|ES6版本，使用Map、Map.prototype.values()和阵列扩展|777949|777950|const+mergeArraysDeep+=+(arr1,+arr2)+=>+{+
++return+[...arr1.concat(arr2).reduce((hash,+item)+=>+{
++++const+current+=+hash.get(item.id);
++++
++++if(!current)+{
++++++hash.set(item.id,+item);
++++}+else+if+(Array.isArray(current.data))+{
++++++current.data+=+mergeArraysDeep(current.data,+item.data);
++++}+else+{
++++++current.data+=+item.data;
++++}

++++return+hash;
++},+new+Map()).values()];
}

const+array1+=+[
++{id:"123",+data:[{id:"234",data:"hello"},{id:"345",data:"there"},{id:"xyz",+data:"yo"}]},
++{id:"456",+data:[{id:"34",data:"test"},{id:"45",data:"test2"},{id:"yz",+data:"test3"}]},
++{id:"789",+data:[{id:"23",data:"aaa"},{id:"34",data:"bbb"},{id:"xy",+data:"ccc"}]}
];

const+array2+=+[
++{id:"456",+data:[{id:"45",data:"changed"},{id:"yz",+data:"data"}]},
++{id:"789",+data:[{id:"456",data:"appended+data"}]},
++{id:"890",+data:[{id:"456",data:"new+data"}]}
];

const+result+=+mergeArraysDeep(array1,+array2)

console.log(result);|777951|777952|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce|1|https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Map|2|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map/values|3|https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Spread_operator^0|A|O|1S|4|2K|4|A|O|0|0|0|0|0|8|3|C|M|8|3|1|C|M|2|Z|4|3|0|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@$9|18|A|19|B|C]|$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]]|D|@$9|1E|A|1F|1|1G]]|E|$]]|$1|F|3|G|5|6|7|1H|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1I|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|1J|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1K|8|@$9|1L|A|1M|B|C]|$9|1N|A|1O|B|C]]|D|@$9|1P|A|1Q|1|1R]|$9|1S|A|1T|1|1U]|$9|1V|A|1W|1|1X]]|E|$]]|$1|P|3|G|5|6|7|1Y|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|1Z|8|@]|D|@]|E|$K|L]]|$1|S|3|G|5|6|7|20|8|@]|D|@]|E|$]]|$1|T|3|-4|5|6|7|21|8|@]|D|@]|E|$]]]|U|$V|$5|W|X|Y|E|$Z|10]]|11|$5|W|X|Y|E|$Z|12]]|13|$5|W|X|Y|E|$Z|14]]|15|$5|W|X|Y|E|$Z|16]]]]

<p>This a function the merges 2 arrays recursively using <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce" rel="nofollow noreferrer"><code>Array.prototype.reduce()</code></a>. If it encounters items with the same id, and they have a <code>data</code> prop, which is an array, it merges them using the logic. If <code>data</code> is not an array, it's overridden by the last item instead.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function mergeArraysDeep(arr1, arr2) { 
  var unique = arr1.concat(arr2).reduce(function(hash, item) {
    var current = hash[item.id];
    
    if(!current) {
      hash[item.id] = item;
    } else if (Array.isArray(current.data)) {
      current.data = mergeArraysDeep(current.data, item.data);
    } else {
      current.data = item.data;
    }

    return hash;
  }, {});

  return Object.keys(unique).map(function(key) {
    return unique[key];
  });
}

var array1 = [
  {id:"123", data:[{id:"234",data:"hello"},{id:"345",data:"there"},{id:"xyz", data:"yo"}]},
  {id:"456", data:[{id:"34",data:"test"},{id:"45",data:"test2"},{id:"yz", data:"test3"}]},
  {id:"789", data:[{id:"23",data:"aaa"},{id:"34",data:"bbb"},{id:"xy", data:"ccc"}]}
];

var array2 = [
  {id:"456", data:[{id:"45",data:"changed"},{id:"yz", data:"data"}]},
  {id:"789", data:[{id:"456",data:"appended data"}]},
  {id:"890", data:[{id:"456",data:"new data"}]}
];

var result = mergeArraysDeep(array1, array2)

console.log(result);</code></pre>
</div>
</div>
</p>

<p>ES6 version that uses <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Map" rel="nofollow noreferrer"><code>Map</code></a>, <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map/values" rel="nofollow noreferrer"><code>Map.prototype.values()</code></a>, and <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Spread_operator" rel="nofollow noreferrer">array spread</a>:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const mergeArraysDeep = (arr1, arr2) =&gt; { 
  return [...arr1.concat(arr2).reduce((hash, item) =&gt; {
    const current = hash.get(item.id);
    
    if(!current) {
      hash.set(item.id, item);
    } else if (Array.isArray(current.data)) {
      current.data = mergeArraysDeep(current.data, item.data);
    } else {
      current.data = item.data;
    }

    return hash;
  }, new Map()).values()];
}

const array1 = [
  {id:"123", data:[{id:"234",data:"hello"},{id:"345",data:"there"},{id:"xyz", data:"yo"}]},
  {id:"456", data:[{id:"34",data:"test"},{id:"45",data:"test2"},{id:"yz", data:"test3"}]},
  {id:"789", data:[{id:"23",data:"aaa"},{id:"34",data:"bbb"},{id:"xy", data:"ccc"}]}
];

const array2 = [
  {id:"456", data:[{id:"45",data:"changed"},{id:"yz", data:"data"}]},
  {id:"789", data:[{id:"456",data:"appended data"}]},
  {id:"890", data:[{id:"456",data:"new data"}]}
];

const result = mergeArraysDeep(array1, array2)

console.log(result);</code></pre>
</div>
</div>
</p>


blocks|key|777960|text|最后，这才是对我有用的东西。感谢@Geeky为您指明了方向：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|777961|function+mergeArrays(arr1,+arr2)+{
++var+arr3,+arrIdx+=+[];
++if+(!arr1+%7C%7C+arr1.length+==0)+return+arr2
++for+(var+i+in+arr1)+{
++++var+shared+=+false;
++++for+(var+j+in+arr2)
++++++if+(arr2[j].id+==+arr1[i].id)+{
++++++++shared+=+true;
++++++++joined+=+_.mergeWith({},arr1[i],arr2[j],+function+(a,b)+{
++++++++++if+(_.isArray(a))+return+b.concat(a)})
++++++++arr3.push(joined);
++++++++break;
++++++}
++++if+(!shared)+{
++++++arr3.push(arr1[i]);
++++}
++}
++for+(var+k+in+arr2)+{
++++if+(arrIdx[k]+!=k)+arr3.push(arr2[k])
++}
++return+arr3

}|code-block|syntax|javascript|777962|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Finally this is what worked for me. Thanks to @Geeky for showing the way:</p>

<pre><code>function mergeArrays(arr1, arr2) {
  var arr3, arrIdx = [];
  if (!arr1 || arr1.length ==0) return arr2
  for (var i in arr1) {
    var shared = false;
    for (var j in arr2)
      if (arr2[j].id == arr1[i].id) {
        shared = true;
        joined = _.mergeWith({},arr1[i],arr2[j], function (a,b) {
          if (_.isArray(a)) return b.concat(a)})
        arr3.push(joined);
        break;
      }
    if (!shared) {
      arr3.push(arr1[i]);
    }
  }
  for (var k in arr2) {
    if (arrIdx[k] !=k) arr3.push(arr2[k])
  }
  return arr3

}
</code></pre>


<p>I have to merge 2 arrays with key value as follows:</p>

<pre><code>array1 = [
{id:"123", data:[{id:"234",data:"hello"},{id:"345",data:"there"},{id:"xyz", data:"yo"}]},
{id:"456", data:[{id:"34",data:"test"},{id:"45",data:"test2"},{id:"yz", data:"test3"}]},
{id:"789", data:[{id:"23",data:"aaa"},{id:"34",data:"bbb"},{id:"xy", data:"ccc"}]}]
</code></pre>

<p>with</p>

<pre><code>array2 = [
{id:"456", data:[{id:"45",data:"changed"},{id:"yz", data:"data"}]},
{id:"789", data:[{id:"456",data:"appended data"}]},
{id:"890", data:[{id:"456",data:"new data"}]}]
</code></pre>

<p>to produce something like</p>

<pre><code>merged = [
{id:"123", data:[{id:"234",data:"hello"},{id:"345",data:"there"},{id:"xyz", data:"yo"}]},
{id:"456", data:[{id:"34",data:"test"},{id:"45",data:"changed"},{id:"yz", data:"data"}]},
{id:"789", data:[{id:"23",data:"aaa"},{id:"34",data:"bbb"},{id:"xy", data:"ccc"},{id:"456",data:"appended data"}]},
{id:"890", data:[{id:"456",data:"new data"}]}]
</code></pre>

<p>I've been trying this out for quite some time and can't get a solution that meets the scenario. Most of the solutions just do blind merging, not based on the id value. Tried using lodash mergeWith but didn't get the output needed. A Ramda solution is also acceptable.</p>

<p>Thanks,</p>


Deep merging nested arrays

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我必须合并两个键值的数组，如下所示：array1 = [{id:"123", data:[{id:"234",data:"hello"},{id:"345",data:"there"},{id:"xyz", data:"yo"}]},{id:"456", data:[{id:"34",data:"test"},{id:...

问深度合并嵌套数组
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问深度合并嵌套数组EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问深度合并嵌套数组
EN