JS中Set轻松实现字符串去重方法

JavaScript 中的 Set 对象凭借其天然去重特性，成为字符串及字符串数组去重的极简利器：一行代码即可实现字符级去重（如 `'abac' → 'abc'`）、数组级去重（如 `['apple','apple'] → ['apple']`），还能通过预处理轻松支持忽略大小写、空白等语义化去重，并可与 Map 协作完成频次统计分析——简洁、高效、可读性强，是日常开发中不可多得的实用技巧。

JavaScript 中的 Set 是一种内置对象，用于存储唯一值（不重复），天然适合字符串去重——无论是单个字符串内部字符去重，还是多个字符串组成的数组去重，都能一行搞定。

单个字符串去重：提取不重复字符

字符串本质是类数组，可直接用扩展运算符转为字符数组，再传入 Set 去重，最后拼回字符串：

• [...new Set('abac')] → ['a', 'b', 'c']
• [...new Set('abac')].join('') → 'abc'
• 注意：顺序保留原始首次出现位置，不是按字母排序

字符串数组去重：过滤重复项

当有一组字符串（如用户输入的标签、URL 列表），用 Set 去重最简洁：

• const arr = ['apple', 'banana', 'apple', 'cherry'];
• const unique = [...new Set(arr)]; // ['apple', 'banana', 'cherry']
• 比 filter() + indexOf() 或 reduce() 更直观、性能更优

忽略大小写或空白的去重（需预处理）

Set 本身区分大小写和空格，若需“语义去重”，先统一格式再构造 Set：

• const words = ['Hello', 'hello', ' world ', 'World'];
• const uniqueByLowerTrim = [...new Set(words.map(s => s.trim().toLowerCase()))];
• 结果：['hello', 'world']

与 Map 配合实现带计数的去重分析

如果不仅要去重，还要统计每个字符/字符串出现次数，Set 搭配 Map 很自然：

• 先用 Set 获取所有唯一值，再遍历原数据统计频次
• 或直接用 Map 累加，最后用 Map.keys() 获得去重后的键列表
• 例如：[...new Map(arr.map(v => [v, 1])).keys()] 也可去重（但不如直接用 Set 直观）

终于介绍完啦！小伙伴们，这篇关于《JS中Set轻松实现字符串去重方法》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！