使用 Set 管理角色权限可自动去重、高效增删查，支持大小写清洗与动态维护，配合 has() 快速校验，但需注意响应式框架中应替换 Set 引用而非直接修改。
在权限管理系统中用 Set 过滤重复角色标识，核心是把每个角色 ID 或名称作为唯一键存入 Set，天然避免重复，且查询、增删都快——平均时间复杂度 O(1)，比数组去重或对象键判重更轻量、更安全。
初始化角色集合时自动去重
后端返回的角色列表（如 ["admin", "editor", "admin", "viewer"]）可直接传给 new Set()，重复项自动忽略：
-
const roles = new Set(["admin", "editor", "admin", "viewer"]);→roles.size === 3 - 支持字符串、数字、Symbol；但注意严格相等：
"Admin"和"admin"被视为不同，需统一格式 - 建议初始化前清洗：去除空格、转小写：
new Set(rawRoles.map(r => r?.trim().toLowerCase()).filter(Boolean))
运行时动态维护角色集合
权限常需实时增删角色（如用户切换组织、被临时赋权），Set 的 add() 和 delete() 天然适配：
- 添加新角色：
roles.add("super_editor");（重复添加无副作用） - 移除角色：
roles.delete("viewer"); - 批量更新：从 API 拉取新角色列表后，用
Array.from(newRoles).forEach(r => roles.add(r))增量同步
快速校验用户是否拥有某角色
权限判断不依赖循环或正则，一行 has() 即可完成：
if (roles.has("admin")) { /* 启用管理面板 */ }- 多角色组合判断也简洁：
全部满足：["admin", "audit"].every(r => roles.has(r))
至少一个满足：["editor", "reviewer"].some(r => roles.has(r))
与前端状态或权限组件协同更新
Set 是引用类型，直接 add/delete 不会触发 React/Vue 等框架的响应式更新：
- React 中推荐创建新实例：
setRoles(new Set(prev => [...prev, "new_role"])) - Vue 3 的
ref或reactive同样需替换整个 Set 引用，而非修改内部 - 导出为数组供渲染（如角色选择器）：
Array.from(roles)或[...roles]
