js 数组对象合并去重

你可以使用 JavaScript 来合并和去重数组对象。下面是一种常见的方法：

// 示例数据
const arr1 = [{ id: 1, name: 'John' }, { id: 2, name: 'Alice' }];
const arr2 = [{ id: 2, name: 'Alice' }, { id: 3, name: 'Bob' }];

// 合并数组
const mergedArray = arr1.concat(arr2);

// 去重
const uniqueArray = mergedArray.reduce((acc, obj) => {
  const found = acc.find(item => item.id === obj.id);
  if (!found) {
    acc.push(obj);
  }
  return acc;
}, []);

console.log(uniqueArray);

以上代码将 `arr1` 和 `arr2` 合并为 `mergedArray`，然后使用 `reduce` 方法遍历 `mergedArray`，检查每个对象的 `id` 是否已经存在于 `acc` 数组中，如果不存在，则将该对象添加到 `acc` 数组中。最后得到的 `uniqueArray` 就是合并且去重后的结果。

请注意，这种方法会保留第一个出现的对象，后续重复的对象将被忽略。如果你希望保留最后一个出现的对象，可以修改 `reduce` 方法的逻辑。

相关问题

js数组对象reduce去重

JavaScript中的`Array.prototype.reduce()`方法主要用于将数组中的元素通过指定的函数累加求和、合并等操作，并返回单个结果。如果你想要使用它来去除数组中的重复元素，通常需要结合其他数据结构，如Set或者借助于额外的迭代过程。

一个常见的做法是创建一个新的空数组，然后对原数组应用`reduce()`，在累加过程中检查新值是否已经存在于新数组中，如果不存在则添加：

function uniqueReduce(arr) {
  return arr.reduce((result, item) => {
    if (!result.includes(item)) {
      result.push(item);
    }
    return result;
  }, []);
}

let array = [1, 2, 2, 3, 3, 3];
let uniqueArray = uniqueReduce(array);
console.log(uniqueArray); // 输出：[1, 2, 3]

在这个例子中，`reduce`的回调函数会遍历数组，每次检查当前元素是否已经在结果(`result`)中，如果没有，则将其添加到结果里，最终得到一个无重复元素的新数组。

js数组对象合并后去重

要将JavaScript数组对象合并后去重，你可以使用不同的方法。以下是几种常见的方法：

1. 使用Set对象：Set是ES6中的一个内置对象，它允许你存储唯一的值。你可以使用Set对象来合并两个数组，并自动去除重复项。例如：

let arr1 = [1, 2, 3, 4, 5];
let arr2 = [7, 8, 9, 4, 5];
let mergedArray = [...new Set([...arr1, ...arr2])];

这里我们使用了扩展运算符(...)来将两个数组展开，然后通过Set对象去除重复项，并最终将结果转换为一个新的数组。

2. 使用concat()和filter()方法：你可以使用concat()方法将两个数组合并，然后使用filter()方法过滤出唯一的值。例如：

let arr1 = [1, 2, 3, 4, 5];
let arr2 = [7, 8, 9, 4, 5];
let mergedArray = arr1.concat(arr2).filter((item, index, array) => array.indexOf(item) === index);

在这个例子中，我们先使用concat()方法将两个数组合并，然后使用filter()方法来过滤出只出现一次的值。我们使用indexOf()方法来检查当前元素在数组中的第一个索引位置，如果当前索引和第一个索引相同，则保留该元素。

3. 使用reduce()方法：你可以使用reduce()方法来迭代合并两个数组，并在每次迭代时检查重复项。例如：

let arr1 = [1, 2, 3, 4, 5];
let arr2 = [7, 8, 9, 4, 5];
let mergedArray = arr1.reduce((accumulator, currentValue) => {
  if (!accumulator.includes(currentValue)) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, arr2);

在这个例子中，我们使用reduce()方法来迭代arr1数组，并将结果存储在accumulator变量中。在每次迭代时，我们检查当前值是否已经存在于accumulator数组中，如果不存在，则将其添加到accumulator中。最后，将arr2数组作为初始值传递给reduce()方法。

这些是一些常见的方法，你可以根据你的需求选择其中一种来实现数组合并后去重。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [JS中数组的合并与去重](https://blog.csdn.net/zhengjingID/article/details/123429877)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]