当前位置：首页 > news >正文

JavaScript 数组去重：11 种方法对比与实战指南

news 来源：原创 2025/8/3 13:12:23

文章目录

- 前言
- 一、使用 `Set` 数据结构
- 二、使用 `filter` + `indexOf`
- 三、使用 `reduce` 累加器
- 四、双重 `for` 循环
- 五、利用对象属性唯一性
- 六、先排序后去重
- 七、使用 `Map` 数据结构
- 八、使用 `includes` 方法
- 九、优化处理 `NaN` 的 `filter` 方法
- 十、利用 `findIndex`
- 十一.利用`Set`和展开运算符处理多维数组
- 总结

前言

一、使用 `Set` 数据结构

function uniqueBySet(arr){return [...new Set(arr)]
}

利用 Set 数据结构中重复元素会被自动过滤的特点。

优点：简单高效，时间复杂度为 O(n)。
注意：无法区分对象引用类型，但是可以处理 NaN。

二、使用 `filter` + `indexOf`

function uniqueByFilter(arr){return arr.filter((item,index)=> arr.indexOf(item) === index)
}

使用 indexOf 返回元素首次出现的索引，若非当前索引则过滤。

注意：时间复杂度为 O(n²)，不处理 NaN，因为 indexOf(NaN) 始终返回 -1。

三、使用 `reduce` 累加器

function uniqueByReduce(arr) {return arr.reduce((acc, cur) => acc.includes(cur) ? acc : [...acc, cur], []);
}

使用 reduce 检查当前元素是否存在于累加数组中，存在则不添加，不存在则添加。

注意：时间复杂度为 O(n²)，空间复杂度较高。

四、双重 `for` 循环

function uniqueByLoop(arr) {const result = [];for (let i = 0; i < arr.length; i++) {let isDuplicate = false;for (let j = 0; j < result.length; j++) {if (arr[i] === result[j]) {isDuplicate = true;break;}}if (!isDuplicate) result.push(arr[i]);}return result;
}

通过循环嵌套比较元素是否重复。

注意：时间复杂度为 O(n²)，性能较差。

五、利用对象属性唯一性

function uniqueByObj(arr){const obj = {}return arr.filter(item=>{const key = typeof item + JSON.stringify(item)return obj.hasOwnProperty(key) ? false :(obj[key] = true) })

对象的键名唯一，通过序列化来区分不同类型及对象。

注意：JSON.stringify 无法处理函数、循环引用，性能一般。

六、先排序后去重

function uniqueBySort(arr) {const sortedArr = [...arr].sort();return sortedArr.filter((item, index) => index === 0 || item !== sortedArr[index - 1]);
}

对数组排序后，重复的元素会相邻，然后直接过滤。

注意：原数组顺序会被改变。

七、使用 `Map` 数据结构

function uniqueByMap(arr){const map = new Map()return arr.filter(item=>!map.has(item) && map.set(item,true))
}

利用 Map 键的唯一性可以快速判断元素是否存在。

优点：时间复杂度为 O(n)，可以正确处理对象引用和 NaN。

八、使用 `includes` 方法

function uniqueByIncludes(arr) {const result = [];for (const item of arr) {if (!result.includes(item)) result.push(item);}return result;
}

在遍历时检查元素是否已存在于结果数组。

注意：时间复杂度为 O(n²)，不能处理 NaN。

九、优化处理 `NaN` 的 `filter` 方法

function uniqueWithNaN(arr) {const hasNaN = arr.some(item => Number.isNaN(item));const result = arr.filter((item, index) => {if (Number.isNaN(item)) {// 仅保留第一个NaNreturn !hasNaN || (index === arr.findIndex(i => Number.isNaN(i)));}return arr.indexOf(item) === index;});return result;
}

单独处理 NaN，确保只保留第一个出现的 NaN。

优点：该方法兼容 NaN 去重。

十、利用 `findIndex`

function uniqueByFindIndex(arr) {return arr.filter((item, index) => {return arr.findIndex(i => i === item) === index;});
}

使用 findIndex 和 indexOf 方法类似，但是可以处理自定义处理 NaN。

十一.利用`Set`和展开运算符处理多维数组

function uniqueMultidimensionalArray(arr) {return Array.from(new Set(arr.flat(Infinity)));
}

首先利用flat方法将多维数组扁平化，然后利用Set去除重复元素，最后通过Array.from将Set转换会数组

注意：该方法只能处理元素为基本类型或可序列化的对象的多维数组。如果数组中包含函数，循环引用等特殊对象，flat方法和Set可能无法正确处理

总结

简单场景：优先使用 Set 或 Map，简洁高效。
兼容性要求：使用 filter + indexOf 或者双重循环。
含 NaN 或者对象：选择 Map 或改进的对象属性方法。
排序无影响：排序后去重效率高。

JavaScript 数组去重：11 种方法对比与实战指南

文章目录前言一、使用 Set 数据结构二、使用 filter indexOf三、使用 reduce 累加器四、双重 for 循环五、利用对象属性唯一性六、先排序后去重七、使用 Map 数据结构八、使用 includes 方法九、优化处理 NaN 的 filter 方法十、利用 findIndex十一.利用Set和展开运算符处理多…...

编程日记 2025/8/3 13:12:23

SlideLoss与FocalLoss在YOLOv8分类损失中的应用及性能分析

文章目录一、引言二、YOLOv8 损失函数概述三、SlideLoss 详解（一）SlideLoss 的原理（二）SlideLoss 的代码实现四、FocalLoss 分类损失函数详解（一）FocalLoss 的原理（二）FocalLoss 的…...

编程日记 2025/7/30 3:22:56

AI 驱动数据库交互技术路线详解：角色、提示词工程与输入输出分析

引言在人工智能与数据库深度融合的趋势下，理解AI在数据库交互流程中的具体角色、提示词工程的运用以及各步骤的输入输出情况，对于把握这一先进技术路线至关重要。本文将对其展开详细剖析。一、AI 在数据库交互流程中的角色 （一&#xff0…...

编程日记 2025/7/30 3:22:54

Jmeter中的BeanShell如何使用？

在JMeter中，BeanShell 是一种基于Java语法的脚本工具，可以通过编写脚本实现动态逻辑处理、变量操作、条件判断等功能。以下是BeanShell的详细使用方法和常见场景示例： 1. BeanShell组件类型 JMeter提供多种BeanShell组件，根据场…...

编程日记 2025/8/3 8:09:28

JDBC工具类的三个版本

一、JDBC连接数据库的7个步骤 1、加载驱动 2、获取连接 3、编写sql 4、获取执行sql的stmt对象有两种 stmt（存在sql注入问题字符串拼接） pstmt（预编译可以防止sql注入） 5、执行sql 拿到结果集 6、遍历结果集 7、关闭资源…...

编程日记 2025/7/31 3:54:35

安达发|制药车间生产计划准备性的关键影响因素及优化策略研究

在高度规范的制药行业，生产计划的准备性直接影响企业的运营效率和合规水平。根据FDA统计，2024年因生产计划不当导致的药品短缺案例增加了23%，暴露出制药企业在生产计划管理方面的系统性挑战。本文将从设备、物料、人员、环境、法规五个维度&a…...

编程日记 2025/7/30 1:46:56

独立按键控制LED

目录 1.独立按键介绍 2.原理图 3.C51数据运输解释：<< >> 编辑解释：& | 解释：^ ~ 编辑 4.C51基本语句 5.按键的跳动 6.独立按键控制LED亮灭代码第一步： 第二步： 第三步&#xff1…...

编程日记 2025/8/3 5:09:04

【Vue】vuex的getters mapState mapGetters mapMutations mapActions的使用

目录一、getters 二、 mapState 三、 mapGetters 四、 mapMutations 五、 mapActions 学到这儿来个小总结：四个map方法的使用总结不易~ 本章节对我有很大的收获， 希望对你也是！！！ 本节素材已上传至Gitee&…...

编程日记 2025/8/3 5:08:08

小程序初始化加载时间优化步骤思考与总结

回想起来，正确的小程序初始加载时间优化步骤应该为： 一、梳理小程序初始化的步骤，以用户点击小程序为开始（尽可能靠近），以页面渲染出来的时刻为结束—也就是用户感知到的时间。二、页面渲染时&#xff0…...

编程日记 2025/8/2 22:46:14

前端弹性布局：用Flexbox构建现代网页的魔法指南

引言：布局的进化史在网页设计的黑暗时代（2010年前），开发者们用float、position和inline-block这些原始工具进行布局，就像用石器时代的工具建造摩天大楼。直到2012年W3C正式推出Flexbox规范，前端世界终于迎…...

编程日记 2025/8/2 23:14:20

Python基于Django的高校教室管理系统【附源码、文档说明】

博主介绍：✌Java老徐、7年大厂程序员经历。全网粉丝12w、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ 🍅文末获取源码联系🍅 👇🏻 精彩专栏推荐订阅👇&…...

编程日记 2025/8/2 13:17:07

【金仓数据库征文】_金仓数据库在金融行业的两地三中心容灾架构实践

金仓数据库在金融行业的两地三中心容灾架构实践 🌟嗨，我是LucianaiB！ 🌍 总有人间一两风，填我十万八千梦。 🚀 路漫漫其修远兮，吾将上下而求索。引言随着国家对信息技术应用创新&#xff0…...

编程日记 2025/7/30 3:22:34

利用多AI协作实现AI编辑器高效开发：创新架构与实践基本构想

在当今快速发展的科技领域，AI技术正以前所未有的速度重塑软件开发的流程和模式。传统的软件开发过程往往需要不同专业人员协同合作，从需求分析到产品设计，再到技术实现，每个环节都需要耗费大量的时间和人力。然而，随着…...

编程日记 2025/7/30 1:20:42

【字节拥抱开源】字节豆包团队开源首发 Seed-Coder 大模型

我们非常高兴地向大家介绍 Seed-Coder，它是一个功能强大、透明、参数高效的 8B 级开源代码模型系列，包括基础变体、指导变体和推理变体。Seed-Coder 通过以下亮点促进开放代码模型的发展。以模型为中心：Seed-Coder主要利用大语言模型&#…...

编程日记 2025/8/2 13:31:05

C++GO语言微服务之gorm框架操作MySQL

目录 01 01-gorm介绍 02 02-MySQL操作回顾 03 03-gorm创建表 04 04-MySQL的init函数说明 05 05-gorm框架提供的MySQL连接池 06 06-gorm插入数据 07 07-gorm查询数据 08 08-gorm更新数据 09 09-gorm软删除-创建表 10 10-gorm软删除-实现 11 10-MySQL的8小时时区问题 …...

编程日记 2025/7/30 3:22:25

Webug4.0靶场通关笔记-靶场搭建方法（3种方法）

目录一、虚拟机绿色版本 1. 开启phpstudy 2. 访问靶场二、Docker版本 1.拉取镜像 2.启动镜像三、源码安装版本 1. 搭建环境 （1）安装PHPStudy （2）WeBug4.0靶场源码 （3）安装Navicat &#xff…...

编程日记 2025/8/1 4:43:50

HTTP/3展望、我应该迁移到HTTP/2吗

1. HTTP/3展望 HTTP/3 基于 QUIC 协议，完全解决了“队头阻塞”问题，弱网环境下的表现会优于 HTTP/2；QUIC 是一个新的传输层协议，建立在 UDP 之上，实现了可靠传输；QUIC 内含了 TLS1.3，只能加密通…...

编程日记 2025/8/2 13:21:20

【Linux基础】系统监控和进程管理指令

目录 ps命令 top命令 kill命令 killall命令 1.1 命令介绍 1.2 命令格式 1.3 常用选项 1.4 示例 1.4.1 交互模式确认 1.4.2 指定信号 shutdown命令 ps命令作用：查看当前进程信息。常用选项： 作用 -e 显示所有进程，包括其他用户…...

编程日记 2025/8/3 1:24:04

【Linux实践系列】：进程间通信：万字详解共享内存实现通信

🔥 本文专栏：Linux Linux实践项目 🌸作者主页：努力努力再努力wz 💪 今日博客励志语录： 人生就像一场马拉松，重要的不是起点，而是坚持到终点的勇气 ★★★ 本文前置知识： …...

编程日记 2025/7/30 0:45:14

无法更新Google Chrome的解决问题

解决问题：原文链接：【百分百成功】Window 10 Google Chrome无法启动更新检查（错误代码为1：0x80004005） google谷歌chrome浏览器无法更新Chrome无法更新至最新版本？ 下载了就是更新Google Chrome了...

编程日记 2025/7/30 0:45:12

CenOS7切换使用界面

永久切换在开始修改之前，我们首先需要查看当前的启动模式。可以通过以下命令来实现： systemctl get-default执行此命令后，系统会返回当前的默认启动模式，例如graphical.target表示当前默认启动为图形界面模式。获取root权限&…...

编程日记 2025/7/30 0:45:11

# YOLOv3：深度学习中的目标检测利器

YOLOv3：深度学习中的目标检测利器引言在计算机视觉领域，目标检测是一项核心任务，它涉及到识别图像或视频中的物体，并确定它们的位置。随着深度学习技术的快速发展，目标检测算法也在不断进步。YOLO（You …...

编程日记 2025/7/30 0:45:09

2025数维杯数学建模A题完整参考论文（共36页）（含模型、可运行代码、数据）

2025数维杯数学建模A题完整参考论文目录摘要一、问题重述二、问题分析三、模型假设四、符号定义与说明五、模型建立与求解 5.1问题1 5.1.1问题1思路分析 5.1.2问题1模型建立 5.1.3问题1求解结果 5.2问题2 5.2.1问题2思路分析 5.2.2问题2模型…...

编程日记 2025/8/3 4:28:49

在 Flink + Kafka 实时数仓中，如何确保端到端的 Exactly-Once

在 Flink Kafka 构建实时数仓时，确保端到端的 Exactly-Once（精确一次） 需要从数据消费（Source）、处理（Processing）、写入（Sink） 三个阶段协同设计，结合 Fli…...

编程日记 2025/7/30 0:45:06

Python数据分析

目录一、数据分析的核心流程 （一）明确数据分析目标 （二）数据收集 （三）数据清洗 1. 处理缺失值 2. 去除重复值 3. 修正错误值和异常值 （四）数据探索与可视化 1. 计算描述性…...

编程日记 2025/7/29 14:04:19

Java单例模式总结

说明：单例模式的核心是确保一个类只有一个实例，并提供全局访问点。饿汉式和懒汉式是两种常见的实现方式一、饿汉式和懒汉式 1. 饿汉式（Eager Initialization） public class EagerSingleton {// 类加载时直接初始化实例private…...

编程日记 2025/8/2 16:13:32

《P7167 [eJOI 2020] Fountain (Day1)》

题目描述大家都知道喷泉吧？现在有一个喷泉由 N 个圆盘组成，从上到下以此编号为 1∼N，第 i 个喷泉的直径为 Di，容量为 Ci，当一个圆盘里的水大于了这个圆盘的容量，那么水就会溢出往下流，直到…...

编程日记 2025/7/30 0:45:00

一、张量的数据类型转换 1.演示data.type(trch.DoubleTensor) #1.创建张量对象 [6 6 6;6 6 6] datatorch.full([2,3],6) print(data.dtype)#默认为torch.int64(LongTensor) #2.转化为double类型 datadata.type(torch.DoubleTensor) print(data.dtype) #3.转换成int类型 datad…...

编程日记 2025/7/30 0:44:58

JVM之内存管理（二）

部分内容来源：JavaGuide二哥Java 说⼀下 JDK1.6、1.7、1.8 内存区域的变化？ JDK1.6、1.7/1.8 内存区域发⽣了变化，主要体现在⽅法区的实现： JDK1.6 常量池在方法区 JDK1.7 JDK1.6 使⽤永久代实现⽅法区：JDK1.7 时发…...

编程日记 2025/7/29 23:39:27

蓝桥杯嵌入式第十一届省赛真题

（一）题目首先要知道P37对应的CubeMx上面的引脚是PB15,给PB15设置成ADC采集。使用到的PA6和PA7的端口要进行定时器配置 100Hz80 000 000/800 *1000 200Hz80 000 000/400 *1000 ADC采集只需要选择好adc1、adc2 再选择好它的通道就可以了，不…...

编程日记 2025/7/30 8:29:45

LLMs之ChatGPT：《Connecting GitHub to ChatGPT deep research》翻译与解读

LLMs之ChatGPT：《Connecting GitHub to ChatGPT deep research》翻译与解读导读：这篇OpenAI帮助文档全面介绍了将GitHub连接到ChatGPT进行深度代码研究的方法、优势和注意事项。通过连接GitHub，用户可以充分利用ChatGPT强大的代码理解和生成…...

编程日记 2025/7/30 8:29:43

多环境开发

# 应用环境(公共环境,写一些公共配置) spring:profiles:active: dev --- # 设置环境 # 生产环境 spring:config:activate:on-profile: pro server:port: 80 --- # 开发环境 spring:config:activate:on-profile: dev server:port: 81 --- # 测试环境 spring:config:activate:on-…...

编程日记 2025/7/29 17:58:29

游戏引擎学习第269天:清理菜单绘制

回顾并为今天的工作设定目标昨天我们对调试系统中的菜单处理做了一些清理工作，今天我想继续对它们的展示和使用方式进行一些打磨和改进。今天的计划还不完全确定，我还没有完全决定要做什么，但是我希望能够完成这部分工作，所以我…...

编程日记 2025/7/30 8:29:40

《解锁React Native与Flutter：社交应用启动速度优化秘籍》

React Native和Flutter作为当下热门的跨平台开发框架，在优化应用启动性能方面各有千秋。今天，我们就深入剖析它们独特的策略与方法。 React Native应用的初始包大小对启动速度影响显著。在打包阶段，通过精准分析依赖，去除未使用的…...

编程日记 2025/8/3 7:53:00

Web3 初学者的第一个实战项目：留言上链 DApp

目录 📌 项目简介：留言上链 DApp（MessageBoard DApp） 🧠 技术栈 🔶 1. Solidity 智能合约代码（MessageBoard.sol） 🔷 2. 前端代码（index.html script.js…...

编程日记 2025/7/30 9:05:46

Innovus 25.1 版本更新：助力数字后端物理设计新飞跃

在数字后端物理设计领域，每一次工具的更新迭代都可能为项目带来巨大的效率提升与品质优化。今天，就让我们一同聚焦 Innovus 25.1 版本（即 25.10 版本）的更新要点，探寻其中蕴藏的创新能量。一、核心功能的强势进 AI…...

编程日记 2025/8/2 16:52:01

Git简介和发展

Git 简介 Git是一个开源的分布式版本控制系统，跨平台，支持Windows、Linux、MacOS。主要是用于项目的版本管理，是由林纳斯托瓦兹(Linux Torvalds)在2005年为Linux内核开发而创建。起因在2002年至2005年间，Linux内核开发团队使…...

编程日记 2025/7/30 9:05:42

adb 实用命令汇总

版权归作者所有，如有转发，请注明文章出处：https://cyrus-studio.github.io/blog/ 基础adb命令 # 重启adb adb kill-server# 查看已连接的设备 adb devices# 进入命令行 adb shell# 使用 -s 参数来指定设备 adb -s <设备序列号> shell…...

编程日记 2025/8/3 13:12:22

DAX 权威指南1：DAX计算、表函数与计算上下文

参考《DAX 权威指南第二版》文章目录二、DAX简介2.1 理解 DAX 计算2.2 计算列和度量值2.3 变量2.3.1 VAR简介2.3.2 VAR的特性 2.4 DAX 错误处理2.4.1 DAX 错误类型2.4.1.1 转换错误2.4.1.2 算术运算错误2.4.1.3 空值或缺失值 2.4.2 使用IFERROR函数拦截错误2.4.2.1 安全地进…...

编程日记 2025/7/30 5:45:34

使用fdisk 、gdisk管理分区

用 fdisk 管理分区 fdisk 命令工具默认将磁盘划分为 mbr 格式的分区命令： fdisk 设备名 fdisk 命令以交互方式进行操作的，在菜单中选择相应功能键即可 [rootlocalhost ~]# fdisk /dev/sda # 对 sda 进行分区 Command (m for help): # 进入 fdis…...

编程日记 2025/8/3 1:18:52

Python----神经网络（《Deep Residual Learning for Image Recognition》论文和ResNet网络结构）

一、论文 1.1、论文基本信息标题：Deep Residual Learning for Image Recognition 作者：Kaiming He, Xiangyu Zhang, Shaoqing Ren, Jian Sun 单位：Microsoft Research 会议：CVPR 2016 主要贡献：提出了一种深度残…...

编程日记 2025/7/29 22:37:19

PostgreSQL 的 pg_collation_actual_version 函数

PostgreSQL 的 pg_collation_actual_version 函数 pg_collation_actual_version 是 PostgreSQL 中用于检查排序规则实际版本信息的函数，主要与 ICU (International Components for Unicode) 排序规则相关。函数基本概念函数定义 pg_collation_actual_version(…...

编程日记 2025/7/30 7:00:02

使用Simulink开发Autosar Nvm存储逻辑

文章目录前言Autosar Nvm接口设计模型及接口生成代码及arxmlRTE接口mappingRTE代码分析总结前言之前介绍过Simulink开发Dem故障触发逻辑，本文接着介绍另外一个常用的功能-Nvm存储的实现。 Autosar Nvm接口 Autosar Nvm中一般在上电初始化的时调用Nvm_ReadAll获…...

编程日记 2025/7/30 6:59:59