来自腾讯课堂笔记: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>

JS-过滤敏感词【RegExp】的更多相关文章

  1. web前端js过滤敏感词

    web前端js过滤敏感词 这里是用文本输入框还有文本域绑定了失去焦点事件,然后再遍历敏感词数组进行匹配和替换. var keywords=["阿扁","呵呵", ...

  2. js 过滤敏感词 ,可将带有标点符号的敏感词过滤掉

    function transSensitive(content) { // var Sensitive = H.getStorage("Sensitive");//敏感词数组 va ...

  3. js 过滤敏感词

    <html> <head>     <title>Bad Words Example</title>     <script type=" ...

  4. (转)两种高效过滤敏感词算法--DFA算法和AC自动机算法

    原文:https://blog.csdn.net/u013421629/article/details/83178970 一道bat面试题:快速替换10亿条标题中的5万个敏感词,有哪些解决思路? 有十 ...

  5. 【SpringBoot】前缀树 Trie 过滤敏感词

    1.过滤敏感词 Spring Boot实践,开发社区核心功能 完成过滤敏感词 Trie 名称:Trie也叫做字典树.前缀树(Prefix Tree).单词查找树 特点:查找效率高,消耗内存大 应用:字 ...

  6. SpringBoot开发十四-过滤敏感词

    项目需求-过滤敏感词 利用 Tire 树实现过滤敏感词 定义前缀树,根据敏感词初始化前缀树,编写过滤敏感词的方法 代码实现 我们首先把敏感词存到一个文件 sensitive.txt: 赌博 嫖娼 吸毒 ...

  7. 过滤敏感词工具类SensitiveFilter

    网上过滤敏感词工具类有的存在挺多bug,这是我自己改用的过滤敏感词工具类,目前来说没啥bug,如果有bug欢迎在评论指出 使用前缀树 Trie 实现的过滤敏感词,树节点用静态内部类表示了,都写在一个 ...

  8. [转]Filter实现处理中文乱码,转义html标签,过滤敏感词

    原文地址:http://www.cnblogs.com/xdp-gacl/p/3952405.html 在filter中可以得到代表用户请求和响应的request.response对象,因此在编程中可 ...

  9. js对敏感词的判断

    先贴代码: //定义敏感字符 var forbiddenArray =['xx','<','>','黄色']; //定义函数 function forbiddenStr(str){ // ...

  10. PHP 扩展 trie-tree, swoole过滤敏感词方案

    在一些app,web中评论以及一些文章会看到一些*等,除了特定的不显示外,我们会把用户输入的一些敏感字符做处理,具体显示为*还是其他字符按照业务区实现. 下面简单介绍下业务处理. 原文地址:小时刻个人 ...

随机推荐

  1. C语言中重要的小知识汇总

    用于整理记录一些C语言下的小知识点: 1. 在C语言中,怎么查看一个数据类型占用了多少个字节大小呢? 可以使用sizeof(int)/sizeof(double)等来查看某数据类型到底用了几个字节: ...

  2. JDBC事务提交/回滚实例

    以下是使用事务教程中描述的提交和回滚的代码示例. 此示例代码是基于前面章节中完成的环境和数据库设置编写的. 复制并将以下示例代码保存到:CommitAndRollback.java 中,编译并运行如下 ...

  3. Unity 基础-------------------------关于Anchor锚点的理解

    Unity进阶技巧 - RectTransform详解 Zui 关注 2016.02.17 01:27 字数 1704 阅读 22157评论 13喜欢 57赞赏 2 RectTransform属性一览 ...

  4. (转)Ubuntu12.04上NFS Server安装使用过程

    原文链接:Ubuntu12.04上NFS Server安装使用过程 实现步骤: 1.服务器端:sudo apt-get install portmap2.服务器端:sudo apt-get insta ...

  5. MySQL中information_schema是什么

    转载地址:http://help.wopus.org/mysql-manage/607.html 大家在安装或使用MYSQL时,会发现除了自己安装的数据库以外,还有一个information_sche ...

  6. u3d changeTexs

    using UnityEngine; using System.Collections; using System.Collections.Generic; public class CTex : M ...

  7. python实现原地刷新方式输出-可用于百分比进度显示输出

    方式1: import sys sys.stdout.write('\r' + '你的输出详情') sys.stdout.flush() 方式2: print('\r' + '你的输出详情', end ...

  8. 软件设计模式之模板方法模式(JAVA)

    什么是模板方法模式? 定义一个操作中算法的骨架,而将这些步骤延迟到子类中,模板方法使得子类可以不改变一个算法的结构即可重新定义该算法的某些特定步骤. 好抽象的概念啊,文绉绉的东西就是不讨人喜欢,下面我 ...

  9. windows下卸载oracle11g

    oracle11g卸载   oracle11g卸载 卸载oracle: 1.开始--控制面板--性能和维护--管理工具--服务    停止所有的oracle服务. 2.开始--程序--oracle-- ...

  10. Java编程思想学习笔记——复用类

    前言 复用代码是Java众多引人注目的功能之一. 达到复用代码的方法有: 组合:新的类由现有类的对象所组成.(复用现有代码的功能,而非它的形式) 继承:按照现有类的类型组建新类.(不改变现有类的形式, ...