讲师中心 微信公众号
AI工具推荐 视频效率加速

ES6中如何用Set实现数组去重

小静君_3855

小静君_3855

发布时间:2025-07-10 21:27:02

|

1150人浏览过

|

来源于php中文网

原创

es6 的 set 可以高效去重数组,因为其内部使用哈希表实现,查找复杂度接近 o(1),整体复杂度为 o(n)。1. 使用展开运算符或 array.from() 将数组转为 set 再还原即可完成去重;2. 注意 set 不进行类型转换,1 与 "1" 不同,nan 被视为相同,对象基于引用比较;3. 对象去重可通过转字符串或自定义逻辑处理;4. map 和 lodash 的 uniqby 方法支持按属性去重,适用于更复杂场景。

ES6中如何用Set实现数组去重

ES6 引入的 Set 数据结构提供了一种非常简洁高效的数组去重方式,它利用了 Set 中元素唯一的特性。简单来说,就是先把数组转换成 Set,然后再把 Set 转换回数组。

ES6中如何用Set实现数组去重
// 示例:使用 Set 去重
const arr = [1, 2, 2, 3, 4, 4, 5];

// 方法一:使用 Set 构造函数和展开运算符
const uniqueArr1 = [...new Set(arr)];

// 方法二:使用 Array.from() 方法
const uniqueArr2 = Array.from(new Set(arr));

console.log(uniqueArr1); // 输出: [1, 2, 3, 4, 5]
console.log(uniqueArr2); // 输出: [1, 2, 3, 4, 5]

为什么 Set 比传统的去重方法更快?

传统数组去重方法,比如使用 indexOf 或 includes 进行循环判断,时间复杂度通常是 O(n^2)。而 Set 内部实现使用了哈希表,查找元素的时间复杂度接近 O(1)。因此,将数组转换为 Set 的过程,其整体去重的时间复杂度可以认为是 O(n)。这意味着对于大型数组,Set 的去重效率会明显优于传统方法。

Set 去重有哪些需要注意的地方?

Set 在进行去重时,不会进行类型转换。这意味着 1 和 "1" 会被认为是不同的元素。此外,Set 认为 NaN 等于自身,只会保留一个 NaN。但是,对象是基于引用比较的,因此即使两个对象字面量看起来完全相同,也会被认为是不同的元素。

ES6中如何用Set实现数组去重
const arrWithNaN = [1, 2, NaN, NaN];
const uniqueArrNaN = [...new Set(arrWithNaN)];
console.log(uniqueArrNaN); // 输出: [1, 2, NaN]

const arrWithObjects = [{a: 1}, {a: 1}];
const uniqueArrObjects = [...new Set(arrWithObjects)];
console.log(uniqueArrObjects); // 输出: [{a: 1}, {a: 1}]

如果需要对包含对象的数组进行去重,可能需要先将对象转换为字符串,或者使用其他方式自定义比较逻辑。

除了 Set,还有其他更高级的去重方法吗?

除了 Set,还可以使用 Map 数据结构进行更复杂的去重操作。例如,可以根据对象的某个属性进行去重。此外,一些第三方库,如 Lodash,也提供了 _.uniqBy 方法,可以根据指定的属性进行去重。

ES6中如何用Set实现数组去重
const arrWithObjects = [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}, {id: 1, name: 'Charlie'}];

// 使用 Map 根据 id 进行去重
const uniqueArrById = [...new Map(arrWithObjects.map(item => [item.id, item])).values()];
console.log(uniqueArrById); // 输出: [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}]

// (需要引入 lodash) 使用 _.uniqBy 根据 id 进行去重
// const uniqueArrByIdLodash = _.uniqBy(arrWithObjects, 'id');
// console.log(uniqueArrByIdLodash); // 输出: [{id: 1, name: 'Alice'}, {id: 2, name: 'Bob'}]

这些高级方法可以更灵活地处理各种去重需求,但同时也增加了代码的复杂性。选择哪种方法取决于具体的应用场景和性能要求。

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

285

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

406

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

395

2025.12.24

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6224

2023.10.24

Go语言中的运算符有哪些
Go语言中的运算符有哪些

Go语言中的运算符有:1、加法运算符;2、减法运算符;3、乘法运算符;4、除法运算符;5、取余运算符;6、比较运算符;7、位运算符;8、按位与运算符;9、按位或运算符;10、按位异或运算符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3224

2024.02.23

php三元运算符用法
php三元运算符用法

本专题整合了php三元运算符相关教程,阅读专题下面的文章了解更多详细内容。

1852

2025.10.17

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1838

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2924

2023.09.04

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

100

2026.10.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
深入剖析redis教程
深入剖析redis教程

共55课时 | 9.8万人学习

麦子学院深入浅出 redis 视频教程
麦子学院深入浅出 redis 视频教程

共20课时 | 5.1万人学习

传智播客redis基础视频教程
传智播客redis基础视频教程

共13课时 | 6.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn