js数组对象去重
时间: 2023-06-21 08:13:02 浏览: 119
可以使用 Set 数据结构来实现数组对象去重。具体实现如下:
```javascript
const arr = [
{ id: 1, name: 'Tom' },
{ id: 2, name: 'Jerry' },
{ id: 1, name: 'Tom' },
{ id: 3, name: 'Lucy' }
];
const set = new Set(arr.map(JSON.stringify));
const newArr = Array.from(set).map(JSON.parse);
console.log(newArr);
// Output: [{ id: 1, name: 'Tom' }, { id: 2, name: 'Jerry' }, { id: 3, name: 'Lucy' }]
```
上述代码中,先使用 `map` 方法将每个对象转换为字符串形式,然后将其作为 Set 的元素,这样就可以去重了。最后再将 Set 转换为数组,并使用 `map` 方法将字符串转换为对象形式即可得到去重后的数组。
相关问题
js 数组对象去重foreach
在JavaScript中,可以使用数组对象的`forEach`方法来对数组进行遍历操作。而对于数组去重,可以结合`forEach`方法和其他一些数组方法来实现。
下面是使用`forEach`方法进行数组对象去重的示例代码:
```javascript
let arr = [1, 2, 2, 3, 4, 4, 5];
let uniqueArr = [];
arr.forEach(function(item) {
if (!uniqueArr.includes(item)) {
uniqueArr.push(item);
}
});
console.log(uniqueArr); // 输出:[1, 2, 3, 4, 5]
```
在上述代码中,我们首先创建了一个空数组`uniqueArr`用于存储去重后的结果。然后使用`forEach`方法遍历原始数组`arr`,对于每个元素,判断它是否已经存在于`uniqueArr`中,如果不存在,则将其添加到`uniqueArr`中。
这样就可以通过`forEach`方法实现数组对象的去重操作。
es6 js数组对象去重
在使用ES6的方法去重数组对象时,可以采用两种方法。方法一是使用filter()和findIndex()函数的组合。通过filter()函数筛选出数组中的每个元素,然后使用findIndex()函数来检查该元素是否在数组中的其他位置有重复。如果没有重复,则保留该元素。方法二是使用reduce()函数进行去重。reduce()函数可以通过遍历数组来生成一个新的数组,其中不包含重复的元素。这两种方法都可以有效地实现数组对象的去重操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [JavaScript数组去重—ES6的两种方式](https://blog.csdn.net/FE_dev/article/details/78110153)[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%"]
- *3* [【ES6】es6数组中对象去重,数组对象去重方法总结---filter()与reduce()实践](https://blog.csdn.net/weixin_42960907/article/details/123202275)[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 ]
阅读全文