JS敏感词过滤代码

时间:2020-05-15 斗金花人气:1

过滤敏感、不良词汇。本文主要讲述两种方式过滤敏感词汇。

我在这里直接以函数的形式体现出来，也就是说，用的时候直接调用函数即可。

方式一、RegExp（）

function filter() {

  // 获取输入框的内容inputContent
  var inputContent = input.value;

  // 多个敏感词，这里直接以数组的形式展示出来
  var arrMg = ["fuck", "tmd", "他妈的"];

  // 显示的内容--showContent
  var showContent = inputContent;

  // 正则表达式
  // \d 匹配数字 

  for (var i = 0; i < arrMg.length; i++) {

    // 创建一个正则表达式
    var r = new RegExp(arrMg[i], "ig");

    showContent = showContent.replace(r, "*");
  }
  // 显示的内容--showInput
  showInput.value = showContent;
}

方式二、replace（）

function filtion(){
  var inputContent = input.value;

  // 多个敏感词
  var arrMg = ["fuck", "tmd", "他妈的"];

  var showContent = inputContent;

  for (var i = 0; i < arrMg.length; i++) {

    // replace 只会替换第一个，后面如果还有相同的内容，就不会替换了
    showContent = showContent.replace(arrMg[i], "*");
  }

  showInput.value = showContent;
}

两种方式都写完了，一种是正则表达式，一种是对象方法replace().

下面这里加上HTML的代码，这样可能会好一点。

<textarea id="inputContent" > </textarea>

  <input type="button" value="转换" onclick="filter()"/>

  <textarea id="showInput"></textarea>

当然，敏感词的过滤还是还有好几种方法的，比如JQ的也可以，当然使用一些目前主流的前段框架也是可以的，例如angular、vue等这些都会有自己的过滤器。

但是，在现实开发中，过滤这一块的话，通常交给后台方法。

就这样。

加载全部内容