JavaScript对象:JavaScript replace() 方法

返回到:JavaScript对象:JavaScript String 对象

定义和用法

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

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

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

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

语法

string.replace(searchvalue,newvalue)

参数值

参数描述
searchvalue必须。规定子字符串或要替换的模式的 RegExp 对象。
请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。
newvalue必需。一个字符串值。规定了替换文本或生成替换文本的函数。

返回值

类型描述
String一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。

技术细节

JavaScript 版本:1.2

实例

DEMO1:执行一个全局替换

var str="Mr Blue has a blue house and a blue car";
var n=str.replace(/blue/g,"red");

//output
Mr Blue has a red house and a red car

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

var str="Mr Blue has a blue house and a blue car";
var n=str.replace(/blue/gi, "red");

//output
Mr red has a red house and a red car

DEMO3:通过 prototype 为 JavaScript 的 String 对象添加方法,来实现将所有 “Microsoft” 替换为 “web176″:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>web176教程(web176.com)</title> 
</head>
<body>

<p>单击按钮将段落中所有"Microsoft"替换成"web176":</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","web176");
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/jsarrtips/3012.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年8月20日 下午3:49
下一篇 2021年8月20日 下午4:12

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注