如何高效移除字符串中存在于指定数组的所有单词？

针对数组元素数量多的场景，多次调用replaceAll的方案性能很差——每调用一次就要完整遍历一遍字符串。下面是更高效的实现方式，只需要遍历字符串一次就能完成所有匹配移除：

实现思路 #

1. 先用Set对数组去重，避免正则中出现重复的匹配项，减少正则引擎的计算量
2. 转义数组中每个单词的正则特殊字符（比如.、*这类），防止正则语法错误或误匹配
3. 生成匹配完整单词的正则表达式（用\b确保只匹配独立单词，不会误删如testing中包含的test）
4. 一次全局替换完成所有目标单词的移除，最后清理多余空格

代码示例 #

// 包含大量元素的数组
const myArr = ["test", "green", "blah", "foo", "bar"];
// 动态生成的字符串
let x = "this is my test string with color green and test again";

// 去重并转义正则特殊字符
const forbiddenSet = new Set(myArr);
const escapedWords = Array.from(forbiddenSet).map(word => 
  word.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
);

// 构建匹配完整单词的全局正则
const removeRegex = new RegExp(`\\b(${escapedWords.join('|')})\\b`, 'g');
// 移除所有匹配单词
x = x.replace(removeRegex, '');

// 清理替换后可能出现的连续空格，同时去除首尾空格
x = x.replace(/\s+/g, ' ').trim();

console.log(x); // 输出: "this is my string with color and again"

性能优势 #

• 仅遍历字符串一次：相比多次replaceAll的多次遍历，大幅减少字符串扫描次数，数组元素越多，性能提升越明显
• 正则匹配效率：去重后的正则表达式更简洁，减少正则引擎的匹配分支
• 鲁棒性：转义特殊字符的处理，能兼容数组中包含正则元字符的场景，避免正则失效

内容的提问来源于stack exchange，提问作者seriously