JS使用正则表达式过滤多个词语并替换为相同长度星号的方法

使用正则表达式过滤多个词语并替换为相同长度星号是实现信息过滤和敏感词检测的重要方法。下面是具体步骤：

1. 定义敏感词列表

首先，需要定义敏感词列表。可以将敏感词保存在服务器数据库或者直接写在JavaScript代码中。

const badWords = ['bad', 'worse', 'worst'];

在此示例中，敏感词列表包含三个单词："bad"、"worse"和"worst"。

1. 构建正则表达式

接下来，使用JavaScript的正则表达式功能，将敏感词列表转换为正则表达式。正则表达式的作用是匹配在文本中出现的敏感词。

const regex = new RegExp(badWords.join("|"), "gi");

在此示例中，将正则表达式定义为同时匹配敏感词列表中的所有元素。gi表示全局不区分大小写匹配。使用join和"|"符号将敏感词以或运算的形式连接起来，使得正则表达式可以同时匹配敏感词列表中的所有元素。

1. 替换敏感词为星号

现在，将敏感词替换为相同数量的星号。可以使用replace()函数来执行此操作。

const newText = oldText.replace(regex, function(match) {
  return "*".repeat(match.length);
});

在此示例中，replace()函数使用regex正则表达式匹配敏感词列表中的所有元素，并在找到每个匹配项时调用一个回调函数。回调函数使用repeat()函数将星号字符重复若干次（次数等于敏感词的长度），然后返回新的星号字符串。最终结果是，原始文本中的每个敏感词都被替换为相同数量的星号。

示例应用：

下面是一个使用这种方法的应用示例，它会在用户提交某个文本时对其中的敏感词进行替换。

<textarea id="userInput"></textarea>
<button onclick="filterText()">Filter</button>
<div id="output"></div>

function filterText() {
  const badWords = ['bad', 'worse', 'worst'];
  const oldText = document.getElementById('userInput').value;
  const regex = new RegExp(badWords.join("|"), "gi");
  const newText = oldText.replace(regex, function(match) {
    return "*".repeat(match.length);
  });
  document.getElementById('output').innerText = newText;
}

在此示例中，用户输入文本保存在textarea元素中，当用户点击按钮时，将调用filterText()函数。该函数使用之前定义的方法，将敏感词替换为相同数量的星号，并在页面上输出替换后的文本。