replace 替换

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

   stringObject.replace(regexp/substr,replacement)

1.第一个参数:   被替换的字符串 或者  正则表达式

2.第二个参数:   替换为的字符串

3.返回值是一个替换完毕的新字符串

正则表达式参数

/表达式/[switch]

switch(也称为修饰符) 按照什么样的模式来匹配. 有三种值

g:全局匹配

i:忽略大小写

gi全局匹配 + 忽略大小写

案例:敏感词过滤

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        textarea {
            width: 300px;
            height: 100px;
            border: 1px solid #ccc;
        }
    </style>
</head>

<body>
    <textarea name="" id="message"></textarea> <button>提交</button>
    <div></div>
    <script>
        // 替换 replace
        // var str = 'andy和red';
        // // var newStr = str.replace('andy', 'baby');
        // var newStr = str.replace(/andy/, 'baby');
        // console.log(newStr);
        var text = document.querySelector('textarea');
        var btn = document.querySelector('button');
        var div = document.querySelector('div');
        btn.onclick = function() {
            div.innerHTML = text.value.replace(/激情|gay/g,"**")
        }
    </script>
</body>

</html>

 

 

更多推荐

JavaScript正则表达式:正则表达式中的替换