JavaScript RegExp replace() 方法

定义和用法

replace()方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

如果想了解更多正则表达式教程请查看本站的：RegExp 教程 和 our RegExp 对象参考手册.

该方法不会改变原始字符串。

语法

string.replace(searchvalue,newvalue)

参数值

返回值

浏览器支持

所有主要浏览器都支持 replace() 方法。

实例 1

在本例中，我们将执行一次替换，当第一个 “Microsoft” 被找到，它就被替换为 “Mybj”：

<p>单击按钮将段落中的第一个 Microsoft 替换成 Mybj：</p>
<p id="demo">Visit Microsoft!Visit Microsoft!</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var str=document.getElementById("demo").innerHTML; 
    var n=str.replace("Microsoft","Mybj");
    document.getElementById("demo").innerHTML=n;
}
</script>

程序运行结果：

单击按钮将段落中的第一个 Microsoft 替换成 Mybj：

Visit Mybj!Visit Mybj!

实例 2

执行一个全局替换, 忽略大小写:

<p>单击按钮将段落中的“blue”替换成“red”。</p>
<p id="demo">Mr Blue has a blue house and a blue car.</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var str=document.getElementById("demo").innerHTML; 
    var n=str.replace(/blue/gi,"red");
    document.getElementById("demo").innerHTML=n;
}
</script>

程序运行结果：

Mr red has a red house and a red car.

实例 3

在本例中，我们通过 prototype 为 JavaScript 的 String 对象添加方法，来实现将所有 “Microsoft” 替换为 “Mybj”：

<p>单击按钮将段落中所有“Microsoft”替换成“Mybj”：</p>
<p id="demo">Visit Microsoft!Visit Microsoft!Visit Microsoft!</p>
<button onclick="myFunction()">点我</button>
<script>
String.prototype.replaceAll = function(search, replacement) {
    var target = this;
    return target.replace(new RegExp(search, 'g'), replacement);
};
function myFunction() {
    var str=document.getElementById("demo").innerHTML;
    var n=str.replaceAll("Microsoft","Mybj");
    document.getElementById("demo").innerHTML=n;
}
</script>

程序运行结果：

Visit Mybj!Visit Mybj!Visit Mybj!

以上关于JavaScript RegExp replace() 方法的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。