JS-过滤敏感词【RegExp】

来自腾讯课堂笔记:https://ke.qq.com/webcourse/index.html#course_id=152997&term_id=100174752&taid=801037170660773&vid=y1412sc0r8c

知识点:

1: var re = /[我|车|一]+/g;

  也可以写成:var re=/我|车|一/g;

即去掉了[]和+,这个案例中,+表示连续多个,可以不用,但是遇到判断类型那种,就必须要了,其实这个也应该加上额,万一“我”字后面还有一个“我”连着呢?

对与中括号"[]",我恍惚了,他是表示一个集合,把所有的要判断的数据都装起来。如果不用他,我里边改怎么写?后来写上去没问题,看老师的代码,他没有写也可以。这样看来,如果单独就这几个字符,不用加其他的正则表达式的时候,就不需要括号了,就像只算加减法的时候,不用括号他会依次计算,加减法还有乘除法并且你想要先算加减法的时候,就需要括号把他们组合成一个整体了。

2:replace();这里的思路是,让第二个文本框的value等于第一个文本框中内容被修改后的内容,这个内容是通过replace方法进行替换过滤的,而替换方法的括号内部,需要两个参数,第一个是要被替换掉的文字,第二个是要替换成的东西。第一个要替换的文字,用正则做了表达。表达的意思就是这三个字,“我”或“车”或“一”,遇到后都要替换,查找的范围是global全局,即所有的txt1[value]内的内容。

问题:我发现“|”也别过滤掉了。

html

1 <textarea name="" rows="20" cols="20" id="txt1">对于10万元以内购车预算的读者,其实我们可以选择的余地有很多。在自主品牌阵营里,有大量可选的紧凑级轿车或者小型SUV。如果想选择一款合资车型,也有很多合资小型车在这一细分市场中激烈竞争。例如广汽丰田于近期推出的YARiS L 致享(以下简称致享)就是其中之一。作为“新人”,致享要面对的直接竞争对手包括同门师兄——一汽丰田威驰、雪佛兰赛欧以及现代悦纳等合资小型车。在众多竞争对手面前,致享的竞争力究竟如何?</textarea>
2 <input type="button" name="" id="btn" value="过滤" />
3 <textarea name="" rows="30" cols="30" id="txt2"></textarea>

script

 1         <script type="text/javascript">
 2         window.onload = function(){
 3             var oBtn = document.getElementById('btn');
 4             var oTxt1 = document.getElementById("txt1");
 5             var oTxt2 = document.getElementById("txt2");
 6             var re = /[我|车|一]+/g;
 7             oBtn.onclick = function(){
 8                 oTxt2.value = oTxt1.value.replace(re,"【@!@!@】");
 9             }
10         }
11           </script>            

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏IT大咖说

前端专家聊JS语言家族新成员——R&B

摘要 相信大家对以CoffeeScript、TypeScript为代表的编译到JavaScript的语言已经不陌生。本次分享将介绍 JS 平台语言家族的重要新成...

4088
来自专栏怀英的自我修炼

Java漫谈12

上周聊完了Java中的String这种类型,这周我想聊聊Java中的集装箱——集合。当然,这篇也是Java基础漫谈系列的最后一篇文章。不过可能你会说不对啊,Ja...

38211
来自专栏小樱的经验随笔

CTF---密码学入门第三题 奇怪的短信

奇怪的短信分值:10 来源: Ayn 难度:易 参与人数:5117人 Get Flag:2623人 答题人数:2858人 解题通过率:92% 收到一条奇怪的...

4166
来自专栏斑斓

Martin Odersky访谈录所思

ThoughtWorks的「TW洞见」在4月发布了对Scala之父Martin Odersky的访谈。Odersky的回答显得言简意赅,仔细分析,仍然能从中收获...

3355
来自专栏ACM算法日常

逮捕罪犯(树)- HDU 3069

Country ALPC has n cities, and the cities are connected by undirected roads. Fur...

851
来自专栏Alan's Lab

JS 变量提升

问到 JS 一些细节问题的时候发挥比较糟糕,有些是知道反应得太慢,有些是压根没接触过,还是积累的太少了。这篇的 JS 变量提升问题就是从没有接触过的,网上一搜一...

2702
来自专栏黑泽君的专栏

c语言基础学习01_c语言概述

============================================================================= 每一...

3033
来自专栏Crossin的编程教室

点球小游戏 2

再次说明:一个编程问题会有很多种解法,我给的只是其中一种,而且未必是最好的一种。所以,你尽可去想自己的方法,然后实现它。 我们的点球游戏已经快完成了,现在要做的...

3325
来自专栏程序员互动联盟

【入门指导】C和C++的区别

C和C++有啥区别,C直接干事情的,C++规划后直接干事情的。这个比喻不是很恰当,面向过程和面向对象,C就是每个细节都得一目了然,C++你把事情干出来了,我不管...

3134
来自专栏web前端教室

这几天在看JS的数据结构与算法

这几天在看数据结构与算法,js描述这书 ? 这书看着标题挺高大上的,但内容不难, 只要有JS的基本知识,都能看明白。 它里面不讲JS本身如何,而是把各种数据结...

2268

扫码关注云+社区

领取腾讯云代金券