根据相似性合并JavaScript中两个对象的有效方法？

Question

因此，我有两个对象：

var arr1 = [{id:1, name:John }{id:2, name:Adam }]

var arr2 = [{id:1, address:NY, number: 200}, {id:2, address:LA, number: 300}]

预期的结果是：

var newArr = [{id:1, name:John, address:NY, number: 200 }, { id:2, name:Adam, address:LA, number: 300}]

这只是数千个数据中的两个示例，我尝试绘制两个阵列并手动插入它们，但是这总是会导致超时在后端服务器上重。是否有一种有效的方法可以在诸如Lodash之类的包装中进行此类操作或轻量级解决方案来实现这一目标？

Answer 1

除非您使用的是本机模块，否则Lodash和其他软件包也将在内部循环。

假设您正在使用id将元素分组在一起，那么这可能就是您想要的

function mergeArrays(array1, array2) {
  const groups = {};

  for (const array of [array1, array2]) {
    for (const elem of array) {
      if (!groups[elem.id]) {
        groups[elem.id] = {};
      }

      Object.assign(groups[elem.id], elem);
    }
  }

  return Object.values(groups);
}

var arr1 = [{id:1, name:'John' }, {id:2, name:'Adam' }];
var arr2 = [{id:1, address:'NY', number: 200}, {id:2, address:'LA', number: 300}]

console.log(mergeArrays(arr1, arr2));

Answer 2

如果您可以使用Core JavaScript实现Librarie，为什么要使用Librarie

var a1 = [{id:1, name:'John' },{id:2, name:'Adam' }, {id: 3, name: 'mohit'}]

var a2 = [{id:1, address:'NY', number: 200}, {id:2, address:'LA', number: 300}, {id: 4, name:'dj', value: 'pj'}, {id: 5}]

let a3 = [...a1, ...a2].reduce((acc, x) => {
    acc[x.id] = Object.assign(acc[x.id] || {}, x);
    return acc;
}, {});
console.log('your need', Object.values(a3))

Answer 3

目前尚不清楚如何通过两个数组中的共享索引或共享id值组合元素。无论哪种方式，您都可以轻松编写使这一琐碎的简单实用程序功能。

如果是共享索引

的问题，请首先使用共享索引，我们可以做这样的事情：

const zipWith = (fn) => (xs, ys) => xs .map ((x, i) => fn (x, ys [i]))

const combine = zipWith ((x, y) => ({...x, ...y}))

const arr1 = [{id:1, name: 'John'}, {id:2, name: 'Adam'}], arr2 = [{id:1, address: 'NY', number: 200}, {id:2, address: 'LA', number: 300}]

console .log (combine (arr1, arr2))

.as-console-wrapper {max-height: 100% !important; top: 0}

我们编写了一个通用的助手函数zipwith - 您还将在许多实用程序库中找到它，该函数接受组合函数并返回一个函数，该函数获取两个列表，并返回了针对该函数的结果每个索引的两个元素。 （如果数组的长度不相同，可能会有奇怪的行为。）

然后，我们只需传递一个函数，即可自然合并两个对象，那么我们编写combine at zipwith 。我们可以将其传递对象.ASSIGN，但这将修改收到的第一个元素，这不是我喜欢的样式。

如果我们想使用共享ids，则由ID分组

，我们会以不同的方式进行操作。而不是扫描第二个列表中的元素，其中一个ID与第一个列表中的ID匹配，而使用o（m * n）的算法时间，其中<​​code> m 和n是两个数组的长度，我们可以用id作为键和包含数组中所有元素的数组的值折叠成一个对象。 > id 。这是大多数公用事业库调用groupby，将其更改为o（m + n）。我们可以在其中编写Mergeby函数，它将首先使用提供的函数进行groupby，然后合并<<的每个值中的所有元素代码> groupby 结果成单个元素。看起来像这样：

const groupBy = (fn) => (xs) => 
  xs .reduce ((a, x, _, __, k = fn (x)) => ((a [k] = a [k] || []), (a[k] .push (x)), a), {})

const mergeBy = (fn) => (...xss) => 
  Object .values (groupBy (fn) (xss .flat ())) .map (xs => Object .assign ({}, ...xs))

const combine = mergeBy (x => x .id)

const arr1 = [{id:1, name: 'John'}, {id:2, name: 'Adam'}], arr2 = [{id:1, address: 'NY', number: 200}, {id:2, address: 'LA', number: 300}]

console .log (combine (arr1, arr2))

.as-console-wrapper {max-height: 100% !important; top: 0}

这里合并是groupby的第二个实用程序函数。 组合只需将其传递给ID-萃取功能即可。这次，我们很容易使用object .ASSIGN，因为我们用元素调用它，所以我们只能先对其进行一个空的对象。 ¹

那里在此版本中是额外的灵活性。它会使用相同的id自动处理多个值。它使您可以任意通过许多数组。因此，您可以将其与具有重复ID s或许多数组的单个数组一起使用。

课程

重要的一点是，当您便利一组有用的实用程序功能时，这两个版本都很容易编写。 groupby和zipwith可以立即使用，我很可能会添加Mergeby，这似乎也有用。这些库要么是您自己的库，要么是经过战斗测试的公共图书馆，是在您的编码工具箱中拥有的绝佳工具。

---

^{1。同样，在此输出的制造中没有突变对象。}