JavaScript String对象方法——replace()
16lz
2021-01-22
1、用法
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
2、语法
stringObject.replace(regexp/substr,replacement)
3、参数
regexp/substr:必需。规定子字符串或要替换的模式的 RegExp 对象。
replacement:必需。一个字符串值。规定了替换文本或生成替换文本的函数。
4、返回值
一个新的字符串,是用replacement替换了 regexp 的第一次匹配或所有匹配之后得到的。
5、说明
a、字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用replacement来替换这些子串。
b、如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。
c、replacement可以是字符串,也可以是函数。如果它是字符串,那么每个匹配都将由字符串替换。
d、replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。
字符 | 替换文本 |
---|---|
$1、$2、...、$99 | 与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。 |
$& | 与 regexp 相匹配的子串。 |
$` | 位于匹配子串左侧的文本。 |
$' | 位于匹配子串右侧的文本。 |
$$ | 直接量符号。 |
6、实例
a、局部替换与全局替换(有g或无g)
<html>b、使用$字符,将“aa,bb”替换成“bb,aa”
<head>
</head>
<body>
<script>
var txt="hello world world!";
document.write("<p>"+txt.replace(/world/,"JavaScript")+"</p>");
//返回值:hello JavaScript world!
document.write("<p>"+txt.replace(/world/g,"JavaScript")+"</p>");
//返回值:hello JavaScript JavaScript!
</script>
</body>
</html>
<html>c、使用$字符,我们将所有双引号替换成单引号
<head>
</head>
<body>
<script>
var txt="aa,bb"
document.write("<p>"+txt.replace(/(\w+)\s*,\s*(\w+)/, "$2 $1")+"</p>");
//返回值:bb aa
</script>
</body>
</html>
<html>d、 replacement作为函数,把字符串每个单词的首字母大写
<head>
</head>
<body>
<script>
var txt='"a","b"'
document.write("<p>"+txt.replace(/"([^"]*)"/g, "'$1'")+"</p>");
//返回值:'a','b'
</script>
</body>
</html>
<html>
<head>
</head>
<body>
<script>
var txt="aaa bbb ccc"
ans=txt.replace(/\b\w+\b/g, function(word){
return word.substring(0,1).toUpperCase()+word.substring(1);}
);
document.write(ans); //返回值:Aaa Bbb Ccc
</script>
</body>
</html>
注:系列String对象方法均参考于W3School
更多相关文章
- 正则表达式匹配所有字符到某个标记
- JavaScript中,提取子字符串方法:Slice、Substring、Substr的比较
- java 如何获取动态网页内容,返回字符串
- NodeJS - 解析JSON(只有字符串或数字)
- 如何在JavaScript中对字符串排序
- 将特殊字符转换为HTML实体,Laravel
- JSON.parse(xhr.responseText)意外的字符串错误
- 奇怪的字符显示在XML> ASP.NET> Javascript> HTML中
- 如何在url中将特殊字符作为查询字符串传递