ES6 (ES2015)新增的集合对象Set

Set 是 **ES6 (ES2015)**新增的 JavaScript 内置集合数据结构,是 JS 原生的,不用引入任何插件就能用,现代浏览器都支持,无需考虑兼容性问题。Set的最核心优势是,一去重,二搜索快,是用来弥补传统数组的不足而引入的。

1、去重

const ids = [100, 101, 100, 102, 103, 103]

const idSet = new Set(ids)

这是idSet就只有100,101,102,103了。

2、搜素快

数组:ids.includes(102)

底层是遍历数组,数据量越大,查找越慢

集合:idSet.has(102)

底层是哈希算法,无论数据量多大,查找速度几乎不变,效率极高。

集合使用也非常方便:

1、增加

idSet.add(200)

2、删除

idSet.delete(100)

3、转回数组

const newIds = [...idSet]

使用Set的场景就是去重和加快搜索性能,有这两种场景的可以试试,非常好用。

相关推荐
nvd112 小时前
企业级 LLM 实战:在受限环境中基于 Copilot API 构建 ReAct MCP Agent
前端·copilot
Dragon Wu2 小时前
TailWindCss cva+cn管理样式
前端·css
烤麻辣烫2 小时前
Web开发概述
前端·javascript·css·vue.js·html
Front思2 小时前
Vue3仿美团实现骑手路线规划
开发语言·前端·javascript
徐同保2 小时前
Nano Banana AI 绘画创作前端代码(使用claude code编写)
前端
Ulyanov2 小时前
PyVista与Tkinter桌面级3D可视化应用实战
开发语言·前端·python·3d·信息可视化·tkinter·gui开发
计算机程序设计小李同学2 小时前
基于Web和Android的漫画阅读平台
java·前端·vue.js·spring boot·后端·uniapp
干前端2 小时前
Message组件和Vue3 进阶:手动挂载组件与 Diff 算法深度解析
javascript·vue.js·算法
lkbhua莱克瓦242 小时前
HTML与CSS核心概念详解
前端·笔记·html·javaweb