【js】数组去重

在JavaScript中,数组去重是一项常见的操作,可以通过多种方法实现。以下是几种常用的数组去重方法:

1. 利用 Set 对象

Set 是一个集合,它内部的元素都是唯一的,因此可以利用 Set 对象来快速去重。

javascript 复制代码
let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueArray = [...new Set(array)];
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

2. 利用 filter() 方法

使用数组的 filter() 方法,结合 indexOf(),可以筛选出首次出现的元素。

javascript 复制代码
let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueArray = array.filter((item, index) => {
  return array.indexOf(item) === index;
});
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

3. 利用 reduce() 方法

使用数组的 reduce() 方法,可以逐步构建一个去重后的新数组。

javascript 复制代码
let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueArray = array.reduce((unique, item) => {
  return unique.includes(item) ? unique : [...unique, item];
}, []);
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]

4. 利用对象属性

通过创建一个空对象,利用对象的属性来判断元素是否重复。

javascript 复制代码
let array = [1, 2, 2, 3, 4, 4, 5];
let uniqueObj = {};
let uniqueArray = array.filter((item) => {
  return uniqueObj.hasOwnProperty(item) ? false : (uniqueObj[item] = true);
});
console.log(uniqueArray); // 输出: [1, 2, 3, 4, 5]
相关推荐
苕皮蓝牙土豆10 分钟前
C++ map容器: 插入操作
开发语言·c++
Dxy123931021615 分钟前
Python 装饰器详解
开发语言·python
逃逸线LOF16 分钟前
CSS之精灵图(雪碧图)Sprites、字体图标
前端·css
linab11222 分钟前
mybatis中的resultMap的association及collectio的使用
java·开发语言·mybatis
NaclarbCSDN41 分钟前
Java IO框架
开发语言·python
fanTuanye43 分钟前
Java基础知识总结(超详细整理)
java·开发语言
顾子茵1 小时前
c++从入门到精通(六)--特殊工具与技术-完结篇
android·开发语言·c++
孞㐑¥1 小时前
Linux之基础IO
linux·开发语言·c++·经验分享·笔记
进取星辰1 小时前
31、魔法生物图鉴——React 19 Web Workers
开发语言·javascript·ecmascript
mahuifa1 小时前
ubuntu18.04编译qt5.14.2源码
开发语言·数据库·qt