如何使用javascript将两个对象数组合并为单个数组和对象

原创

沧州虎王科技 2024-09-02 09:34:50 ©著作权

©著作权归作者所有：来自51CTO博客作者沧州虎王科技的原创作品，请联系作者获取转载授权，否则将追究法律责任

在 JavaScript 中，可以使用 concat() 方法将两个对象数组合并为一个数组，然后使用 reduce() 方法将合并后的数组转换为一个对象。以下是一个示例代码：

let array1 = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' }
];

let array2 = [
  { id: 3, name: 'Jack' },
  { id: 4, name: 'Jill' }
];

let combinedArray = array1.concat(array2);

let combinedObject = combinedArray.reduce((accumulator, currentValue) => {
  accumulator[currentValue.id] = currentValue;
  return accumulator;
}, {});

console.log(combinedObject);

在上述示例中，首先使用 concat() 方法将两个对象数组合并为一个数组 combinedArray。然后，使用 reduce() 方法将 combinedArray 转换为一个对象 combinedObject。在 reduce() 方法中，使用 accumulator 来存储合并后的对象，使用 currentValue 来表示当前遍历到的数组元素。通过将 currentValue 的 id 属性作为键，将 currentValue 本身作为值，将其添加到 accumulator 中。最后，返回合并后的对象 combinedObject。