前端正则去除敏感词汇

作为道友,都应该在游戏里面喷过别人,但是有些敏感词汇收到了屏蔽,敏感词汇屏蔽方法之正则匹配方式

第一步:先来布个局

<input type="text" id="text">
<input type="button" value="发送" id="but">
<ul></ul><!--放置我们的敏感词汇过滤效果-->

对于这些代码,菜鸟级别的选手都不是问题了,所以过~
对于原生的JavaScript来讲,如何找到这些敏感词汇,其实是先要来找到一个规则,证明那些词汇是敏感词汇,比如这样子

第二步:抒写规则

let Txt = document.getElementById("text")
let But = document.getElementById("but")
let ul = document.getElementsByTagName("ul")[0]
let reg = /傻逼|卧槽|你妈/g /*这就是规则*/

我们首先把需要用到的对象获取过来,再把规则匹配进去,当然我这里写的比较少了

第三步:点击发射

But.onclick = function(){
  //正则开始匹配
  let val = Txt.value //获取输入的敏感词汇
  if(val){
      val = val.replace(reg,function(match){//替换规则
            var str = ""
            for(let i=0,len=match.length;i<len;i++){
                str += "*" //把敏感词汇替换成 *
            }
            return str
      })
  }
}

上面就是一个简易版本的循环的去获取输入的文本内容,来替换成*号,再渲染到页面上去

第四步:渲染页面

  ul.innerHTML += `<li>val</li>`

把上面这个代码添加到if结束的后面就OK啦,是不是超级简单


想要学习更多小技能的小朋友,可以加群962386996一起学习哟

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,879评论 1 45
  • 这个读书方法,可能会颠覆你对读书以往的认知|开卷 或许读书已经成为你的一种生活方式,在读书中也构建了一个属于自己的...
    yuqifuli阅读 5,535评论 3 13
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,161评论 1 32
  • 我之所以会被它吸引,除了因为之前读过的《把时间浪费在美好的事物上》,还有一个原因就是,那看一眼便喜欢上的靛蓝色格子...
    富姐姐阅读 879评论 2 9
  • _剪书阅读 184评论 0 0