关于JavaScript中的字符串内置方法replace（）的记录

最新推荐文章于 2024-05-13 10:26:08 发布

Cain_Chen_1997

最新推荐文章于 2024-05-13 10:26:08 发布

阅读量131

点赞数

分类专栏：字符串 string 文章标签： javascript js 字符串

本文链接：https://blog.csdn.net/qq_37987993/article/details/107299248

版权

字符串同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

string

2 篇文章 0 订阅

订阅专栏

字符串中的replace() 方法用于在字符串中用一些字符替换另一些字符，返回替换后的字符串。用法示例：

var newStr = str.replace('abc','替换abc');
var newStr = str.replace('敏感字', function (str){ ... return '**'; })

注意，这只能替换字符串中第一个匹配的字符串，之后的不会进行替换，真的是太坑了，所以需要使用正则表达式来进行替换，以下是例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style></style>
</head>
<body>

<textarea class="txt" cols="30" rows="10">
    
</textarea>
<p><button class="btn">提交</button></p>
<div class="show"></div>
<script>

```javascript
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style></style>
</head>
<body>

<textarea class="txt" cols="30" rows="10">
    
</textarea>
<p><button class="btn">提交</button></p>
<div class="show"></div>
<script>

// 1.和谐敏感词，把敏感词替换成***
var txt = document.querySelector('.txt');
var btn = document.querySelector('.btn');
var show = document.querySelector('.show');


btn.onclick = function (){
    var val = txt.value;
    // str = str.replace('性感','***');
    // str = str.replace('你好','***');
    // str = str.replace('hello','***');
    var reg = /你好|性感/g;//g表示替换全局所有的符合要求的字符
    val = val.replace(reg,function(str){
        var x ='';
        for(var i in str){
            x +='*';
        }
        return x;
    })

    show.innerText = val;
}
 
</script> 
</body>
</html>

```