【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]
相关推荐
徐小夕9 小时前
100小时,我做了一款AI CAD建模软件,开源!
前端·vue.js·github
Bigger9 小时前
因为看不懂小棉袄的画,我写了个 AI 程序帮我“翻译”她的世界
前端·人工智能·ai编程
yaoxin52112310 小时前
400. Java 文件操作基础 - 使用 Buffered Stream I/O 读取文本文件
java·开发语言·python
折哥的程序人生 · 物流技术专研10 小时前
《Java面试85题图解版(二)》进阶深化上篇:并发编程 + JVM
java·开发语言·后端·面试
2501_9318037510 小时前
Go:一门为解决C语言痛点而生的现代语言
c语言·开发语言·golang
送鱼的老默10 小时前
学习笔记--入门typescript直接案例开搞
前端·typescript
Prometheus10 小时前
从 XMLHttpRequest 到 fetch、ReadableStream、SSE、EventSource:前端流式通信完整梳理
前端
光影少年10 小时前
useEffect 完整理解:依赖数组、副作用清理、模拟生命周期
前端·react.js·程序员
之歆11 小时前
DAY_18深度解析:数据类型转换与运算符全攻略(上)
前端·javascript
geovindu11 小时前
go: Interpreter Pattern
开发语言·设计模式·golang·解释器模式