js合并重复数组

在JavaScript中，合并数组通常是指将两个或多个数组连接在一起，形成一个新的数组。如果你的目标是合并重复的数组，也就是将多个数组中相同的内容合并到一起，那么你可能是在谈论数组去重或者合并数组中的对象属性等操作。

以下是一些基础概念和相关操作：

数组合并

你可以使用concat()方法或者扩展运算符...来合并两个或多个数组。

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];

// 使用concat方法
let mergedArray1 = arr1.concat(arr2);
console.log(mergedArray1); // 输出: [1, 2, 3, 4, 5, 6]

// 使用扩展运算符
let mergedArray2 = [...arr1, ...arr2];
console.log(mergedArray2); // 输出: [1, 2, 3, 4, 5, 6]

数组去重

如果你想要合并数组的同时去除重复的元素，可以使用Set对象或者filter()方法结合indexOf()。

let arr = [1, 2, 2, 3, 4, 4, 5];

// 使用Set去重
let uniqueArray = [...new Set(arr)];
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

// 使用filter和indexOf去重
let uniqueArray2 = arr.filter((item, index) => arr.indexOf(item) === index);
console.log(uniqueArray2); // 输出: [1, 2, 3, 4, 5]

合并对象数组

如果你有一个对象数组，并且想要合并具有相同属性值的对象，你可以使用reduce()方法。

let objArr = [
  { id: 1, value: 'a' },
  { id: 2, value: 'b' },
  { id: 1, value: 'c' },
  { id: 3, value: 'd' }
];

let mergedObjArr = objArr.reduce((acc, current) => {
  let x = acc.find(item => item.id === current.id);
  if (!x) {
    acc.push(current);
  } else {
    x.value += current.value; // 合并相同id的对象的value属性
  }
  return acc;
}, []);

console.log(mergedObjArr);
// 输出: [ { id: 1, value: 'ac' }, { id: 2, value: 'b' }, { id: 3, value: 'd' } ]