JS：正则表达式中的替换 replace(内容包含匹配模式)

最新推荐文章于 2024-10-26 21:37:30 发布

原创最新推荐文章于 2024-10-26 21:37:30 发布 · 1.6w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式 #字符串 #js #javascript

JS 专栏收录该内容

70 篇文章

订阅专栏

本文介绍了JavaScript中的replace()方法，用于替换字符串中的特定内容。通过示例展示了如何使用replace()进行简单的字符串替换以及利用正则表达式进行全局匹配和忽略大小写的替换。在正则表达式中，`g`标志用于全局匹配，`i`标志用于忽略大小写。文章还提及了正则表达式的匹配模式，如`gi`，在处理文本框敏感词过滤时的应用。

replace()方法可以实现替换字符的操作，用来替换的参数可以是字符串或正则表达式。

语法格式：

// 第一个参数：被替换的可以是字符串也可以是正则表达式
// 第二个参数：替换为新的字符串
// 它返回的值是一个替换完的新字符串，需要接收过来
str.replace(reg/str,ele);

字符串替换代码示例：

       // 字符串中的替换replace
       var str = "孙悟空和唐僧";
       // 把孙悟空替换为了猪八戒
       var newstr = str.replace("孙悟空","猪八戒");
       console.log(newstr);

正则表达式替换代码示例：

用户名：<input type="text" name="" id="uname"><button type="submit" id="btn">提交</button>
<script>
    // 正则表达式replace 过滤掉文本框中的敏感词汇
    var uname = document.querySelector("#uname");
    var btn = document.querySelector("#btn");
    btn.addEventListener("click",function(){
    // 将新的值返回给uname.value
    // 但只会过滤掉第一次出现的敏感词，如果敏感词出现了两次，只会过滤掉第一次的，所以要用到匹配模式
    // g:全局匹配 i：忽略大小写  gi：既全局匹配又胡忽略大小写
     uname.value = uname.value.replace(/激情|性感/g,"**");
       })
</script>

正则表达式中的匹配模式：

写到//后面就可以，比如：/^[a-z]$gi/

g:全局匹配

i：忽略大小写

gi：既全局匹配又胡忽略大小写