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

javascript Set对象是什么_如何去除数组重复项?

陌枫姑娘_6906

陌枫姑娘_6906

发布时间:2026-01-05 18:56:02

|

241人浏览过

|

来源于php中文网

原创

Set是ES6引入的唯一值集合,存储值唯一且不强制类型转换,5和"5"视为不同;去重数组用[...new Set(arr)],但对象需手动按字段处理,NaN和+0/-0在Set中自动去重。

javascript set对象是什么_如何去除数组重复项?

Set 是什么:JavaScript 里的唯一值集合

Set 是 ES6 引入的内置构造函数,它存储的值必须是唯一的(重复值会被自动忽略),且不强制类型转换——5 和 "5" 被视为不同值。
它不是数组,没有索引,不能用 [0] 取值;也不支持 map/filter 等数组方法,但提供 .add()、.has()、.size、.values() 等接口。

用 Set 去重数组:最简写法与注意事项

把数组转成 Set,再转回数组,是最常见的去重方式:

const arr = [1, 2, 2, 3, "3", 4, 4, 5];
const uniqueArr = [...new Set(arr)]; // [1, 2, 3, "3", 4, 5]

这个写法简洁,但要注意以下几点:

  • [...new Set(arr)] 依赖展开运算符,IE 不支持;如需兼容旧环境,得用 Array.from(new Set(arr))
  • Set 对象只对原始值(string/number/boolean/symbol/null/undefined)做严格相等判断;{a:1} 和 {a:1} 仍被视为两个不同对象,不会去重
  • 去重后顺序保持原数组首次出现的顺序,这点比用 filter() + indexOf() 更可靠

对象数组去重不能直接用 Set?得手动处理

Set 对对象引用敏感,两个结构相同但内存地址不同的对象,new Set([{a:1}, {a:1}]) 会保留两者。要去重对象数组,得先提取唯一标识(如 id 字段)或序列化比较:

JavaStoryDevelop
JavaStoryDevelop

你接手一个需求时,是不是经常这样:"改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续";这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境(JDK、Spring Boot、ORM、数据库、前端框架),记在

下载

立即学习“Java免费学习笔记(深入)”;

const users = [{id: 1, name: "Alice"}, {id: 2, name: "Bob"}, {id: 1, name: "Alice"}];
const seen = new Set();
const uniqueUsers = users.filter(item => {
  if (seen.has(item.id)) return false;
  seen.add(item.id);
  return true;
}); // [{id: 1, name: "Alice"}, {id: 2, name: "Bob"}]

常见错误是直接写 [...new Set(users)],结果毫无变化——因为每个对象都是新引用。

性能和边界情况:大数组、NaN、+0/-0

Set 去重平均时间复杂度是 O(n),比双层循环的 O(n²) 快得多,适合几千项以内的数组。但仍有几个容易被忽略的细节:

  • NaN 在 Set 中只算一个值:new Set([NaN, NaN]).size === 1,这是它比 === 更“合理”的地方
  • +0 和 -0 在 Set 中被视为相等:new Set([+0, -0]).size === 1,这与 Object.is() 一致,但不同于 ===
  • 如果数组含大量嵌套对象或函数,Set 本身不报错,但去重无效——得确认你真正想比较的是什么

别指望 Set 自动理解业务语义;它只认内存引用或原始值相等性。对象去重、深比较、按字段筛选,都得自己加逻辑。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
豆包大模型

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

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

DeepSeek

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

PixPix
PixPix Hot

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

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的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绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

375

2025.12.24

string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

6419

2023.08.02

java中boolean的用法
java中boolean的用法

在Java中,boolean是一种基本数据类型,它只有两个可能的值:true和false。boolean类型经常用于条件测试,比如进行比较或者检查某个条件是否满足。想了解更多java中boolean的相关内容,可以阅读本专题下面的文章。

2130

2023.11.13

java boolean类型
java boolean类型

本专题整合了java中boolean类型相关教程,阅读专题下面的文章了解更多详细内容。

163

2025.11.30

c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

549

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1678

2024.03.01

Playwright 测试失败怎么办
Playwright 测试失败怎么办

Playwright测试失败专题汇集超时、定位器匹配、浏览器提前关闭、依赖与插件配置、文件上传、SSL及Docker启动等故障文章,并介绍通过截图、报告和Trace定位错误。

0

2026.10.21

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.2万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习

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

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