js new set数组对象去重

你可以使用JavaScript中的Set对象来实现数组去重。Set对象是一种集合数据结构，它只存储唯一的值。

下面是使用Set对象进行数组去重的示例代码：

const arr = [1, 2, 2, 3, 4, 4, 5];
const uniqueArr = [...new Set(arr)];

console.log(uniqueArr); // [1, 2, 3, 4, 5]

在上面的代码中，我们首先创建一个Set对象 `new Set(arr)`，并将数组 `arr` 作为参数传递给它。然后，我们使用扩展运算符 `...` 将Set对象转换为数组，从而得到去重后的数组 `uniqueArr`。

通过这种方式，重复的元素会被自动去除，而只保留唯一的值。

相关问题

js new set数组对象去重对象

在JavaScript中，可以使用Set对象来实现数组和对象的重操作。Set是一种新的数据结构，类似于数组，但是可以去除重复的值。但需要注意的是，对于存储引用类型的值，Set无法自动去重，因为相同的引用值在内存中的地址是不一样的。只有当引用值的地址完全相同才会被认为是重复的。下面是一个例子：

var mySet = new Set();
mySet.add([-1, 0, 1]);
mySet.add([-1, 0, 1]);
mySet.add({a: 1});
mySet.add({a: 1});

console.log(Array.from(mySet));

输出结果为：[[-1, 0, 1], [-1, 0, 1], {a: 1}, {a: 1}]，可以看到，数组和对象的重复值并没有被自动去重。

如果想要对多维数组和对象进行深层的去重操作，常见的方法是使用Set结合filter函数进行操作。但是需要注意的是，Set和filter只能对一维数组进行去重，无法进行深层的去重。如果需要对多维数组和对象进行深层的去重，可以使用递归的方法判断是否为对象，如果是对象则继续递归判断其值是否为数组或对象，以此类推。

总结来说，通过使用Set对象可以实现对数组和对象的去重操作，但对于存储引用类型的值需要注意地址的唯一性。如果需要对多维数组和对象进行深层的去重操作，可以结合递归和判断值的类型来实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [new set数组对象去重失败](https://blog.csdn.net/qq_22182989/article/details/129386809)[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_2"}}] [.reference_item style="max-width: 50%"]
- *2* [多维数组和对象-深去重和深拷贝.js](https://download.csdn.net/download/weixin_44786867/12702478)[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_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

js new map数组对象去重

### 回答1：
可以使用 `Set` 数据结构来实现数组去重，然后再通过 `Map` 对象来重新构建数组对象。

下面是示例代码：

const arr = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Alice' },
  { id: 4, name: 'Charlie' }
];

// 使用 Set 去重
const uniqueArr = [...new Set(arr.map(item => item.name))];

// 构建新的 Map 数组对象
const mapArr = uniqueArr.map(name => {
  return {
    name,
    items: arr.filter(item => item.name === name)
  };
});

// 输出结果
console.log(mapArr);

输出结果：

[
  {
    name: 'Alice',
    items: [
      { id: 1, name: 'Alice' },
      { id: 3, name: 'Alice' }
    ]
  },
  {
    name: 'Bob',
    items: [
      { id: 2, name: 'Bob' }
    ]
  },
  {
    name: 'Charlie',
    items: [
      { id: 4, name: 'Charlie' }
    ]
  }
]

上面的代码中，首先使用 `map` 方法将原数组中每个对象的 `name` 属性提取出来，然后使用 `Set` 去重得到一个新的数组 `uniqueArr`。

接着使用 `map` 方法遍历 `uniqueArr` 数组，对于每个不同的 `name` 值，使用 `filter` 方法从原数组 `arr` 中筛选出所有 `name` 值等于当前值的对象，然后将这些对象存放在一个新的数组中，并构建一个新的对象 `{ name, items }`，其中 `name` 为当前值，`items` 为筛选出来的对象数组。

最后输出构建出来的新的 Map 数组对象。

### 回答2：
在JavaScript中，可以使用`new Map()`来创建一个Map对象，并且可以利用其唯一键的特性来实现数组去重。

具体步骤如下：

1. 创建一个新的空Map对象，用于存储去重后的数组。

   let map = new Map();

2. 使用`for...of`循环遍历原始的数组。

   for (let item of arr) {
     // ...
   }

3. 在循环中，判断当前元素是否已经存在于Map中，存在则跳过，不存在则将其作为键添加到Map对象中，并且将其对应的值设置为true（或任意非空的值）。

   if (!map.has(item)) {
     map.set(item, true);
   }

4. 循环结束后，可以通过`map.keys()`方法获取Map中所有的键，然后转换为数组并返回。

   let uniqueArr = Array.from(map.keys());

这样就可以利用Map对象的唯一键的特性，实现数组的去重操作。

### 回答3：
在JavaScript中，可以使用`new Map()`方法创建一个Map对象，然后利用Map对象的特性来实现数组去重。

首先，将需要去重的数组传入`new Map()`方法创建一个Map对象，该Map对象的键值对中，键表示数组的元素值，值则可以随意设置，可以将其设置为1，也可以不设置。

接着，使用`Array.from()`方法将Map对象转换为数组，这样就可以得到去重后的数组。

具体的步骤如下所示：

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

let map = new Map();

// 将数组中的元素作为键，值可以随意设置
for (let i = 0; i < arr.length; i++) {
  map.set(arr[i], 1);
}

// 将Map对象转换为数组
let uniqueArr = Array.from(map.keys());

console.log(uniqueArr);

以上代码执行后，输出结果为：`[1, 2, 3, 4, 5, 6]`，即为去重后的数组。

使用Map对象的优势在于它的键是唯一的，如果数组中出现了重复元素，Map对象会自动覆盖原有的键值对。这样就能够实现数组去重的效果。