特定的单词过滤器

Question

如何使此代码查找特定单词，而不是在单词之间进行检查？

示例：过滤后的单词是d**k这个代码将Dickinson视为一个坏单词。

我希望它能找到具有相同功能的特定单词，如(在警报窗口中显示+计数单词(

// Enter the words to be filtered in the line below:
var swear_words_arr=new Array("dick","bloody","war","terror");
var swear_alert_arr=new Array;
var swear_alert_count=0;
function reset_alert_count()
{
swear_alert_count=0;
}
function validate_text()
{
reset_alert_count();
var compare_text=document.form1.text.value;
for(var i=0; i<swear_words_arr.length; i++)
{
for(var j=0; j<(compare_text.length); j++)
{
if(swear_words_arr[i]==compare_text.substring(j,(j+swear_words_arr[i].length)).toLowerCase())
{
swear_alert_arr[swear_alert_count]=compare_text.substring(j,(j+swear_words_arr[i].length));
swear_alert_count++;
}
}
}
var alert_text="";
for(var k=1; k<=swear_alert_count; k++)
{
alert_text+="n" + "(" + k + ")  " + swear_alert_arr[k-1];
}
if(swear_alert_count>0)
{
alert("The message will not be sent!!!nThe following illegal words were found:n_______________________________n" + alert_text + "n_______________________________");
document.form1.text.select();
}
else
{
document.form1.submit();
}
}
function select_area()
{
document.form1.text.select();
}
window.onload=reset_alert_count;

body
{
background: #cbc3a6;
color: #37445D;
font: 15px/20px Verdana, Helvetica, Sans-Serif;
}
#container
{
margin: 0 auto;
width: 550px;
}
textarea
{
border: 2px solid #000;
display: block;
font: 14px Verdana, Arial, Helvetica;
margin: 0 0 15px 0;
overflow: auto;
padding: 5px;
resize: none;
width: 500px;
}
input[type="button"]
{
background-color: #fff;
background-image: none;
border: 1px solid #000;
border-radius: 8px;
color: #000;
display: table;
font-size: 16px;
margin: 0 auto;
padding: 5px 8px;
width: 175px;
}
input[type="button"]:hover
{
background-color: #666;
background-image: none;
color: #fff;
display: table;
font-size: 16px;
}

<h1>Bad Word Filter</h1>
<p>Disallows specific words to be sent in a form textarea.</p>
Disallows specific words to be sent in a form textarea.
<p>Try entering the words "dick", "bloody", "war", or "terror" in the text box and click Submit.</p>
<div id="container">
<form name="form1">
<textarea rows="3" cols="40" name="text" placeholder="Enter one of the bad words above and then try submitting the form." onClick="select_area()"></textarea>
<input type="button" value="Submit" onClick="validate_text();">
</form>

Answer 1

比较文本中的单词，看看它们是否存在于您的阻止列表中，好吧，所以在您的代码中：

if(swear_words_arr[i]==compare_text.substring(j, 
(j+swear_words_arr[i].length)).toLowerCase())
{
swear_alert_arr[swear_alert_count]=compare_text.substring(j, 
(j+swear_words_arr[i].length));
swear_alert_count++;
}

正在将句子子串与列表中的单词进行比较。

相反，您可以使用单词边界\b单词\b:来检查句子中是否存在被阻止的单词

创建一个helper函数来帮助你获得匹配的句子，只需输入文本和单词列表。返回匹配项的列表。

function findWords (text, wordsList) {
let metachars = /[(){[*+?.\^$|]/g;
for (var i = 0; i < wordsList.length; i++) {
wordsList[i] = wordsList[i].replace(metachars, "\$&");
}
let regex = new RegExp("\b(?:" + wordsList.join("|") + ")\b", "gi");
return text.match(regex) || [];
}