如何在React中找到两个嵌套数组之间的不匹配元素

debugcn 发表于 Dev

丽亚

我下面有两个数组。阵列1：

{
  "0":{
  "countries":{
     "BDI":{
        "count":1
     },
     "IRN":{
        "count":1
     }
  },
  "checkId":"16835659691517226105"
},
 "1":{
  "countries":{
     "ZAF":{
        "count":2
     }
  },
  "checkId":"144165083478491226"
 }
}

array2：

{
 "0":{
  "countries":{
     "AIA":{
        "count":2
     }
  },
  "checkId":"144165083478491106"
 },
  "1":{
  "countries":{
     "BDI":{
        "count":1
     },
     "IRN":{
        "count":1
     },
     "ATA":{
        "count":5
     }
  },
  "checkId":"16835659691517226105"
}
 
}

我想找到两个数组之间的不匹配和公共元素。当前，我正在执行两个for循环，以在两个基于Checkid的数组之间找到匹配的元素，但无法从这两个中找到非常见的元素。一些代码片段

  array1.forEach(each => {
array2.forEach(compareTask => {
  var teastEach = Object.entries(compareTask.countries);
  if (each.checkId === compareTask.checkId) {
    firstCount = each.count
    secondCount = compareTask.count
    countDifference =  secondCount - firstCount

......

我能够获取普通的checkid，但无法获取非普通的checkid。预期输出：

    {
      "0":{
  "countries":{
     "ZAF":{
        "count":2
     }
  },
  "checkId":"144165083478491226"
  },
 "1":{
  "countries":{
     "AIA":{
        "count":2
     }
  },
  "checkId":"144165083478491106"
  }
  }

斯文·希格

从评论看来，您可以使用 Map()

object1 = { "0": { countries: { BDI: { count: 1, }, IRN: { count: 1, }, }, checkId: "16835659691517226105", }, "1": { countries: { ZAF: { count: 2, }, }, checkId: "144165083478491226", }, };
object2 = { "0": { countries: { AIA: { count: 2, }, }, checkId: "144165083478491106", }, "1": { countries: { BDI: { count: 1, }, IRN: { count: 1, }, ATA: { count: 5, }, }, checkId: "16835659691517226105", }, };

map = new Map();
arr = [Object.values(object1), Object.values(object2)].flat();
result = [
  ...arr
    .reduce((r, o) => {
      const dupli = r.get(o.checkId);
      dupli ? r.delete(o.checkId) : r.set(o.checkId, o);
      return r;
    }, new Map())
    .values(),
];
console.log(result);

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。