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>
<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>
b、使用$字符,将“aa,bb”替换成“bb,aa”

<html>
<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>
c、使用$字符,我们将所有双引号替换成单引号

<html>
<head>
</head>
<body>
<script>
var txt='"a","b"'
document.write("<p>"+txt.replace(/"([^"]*)"/g, "'$1'")+"</p>");
//返回值:'a','b'
</script>
</body>
</html>
d、 replacement作为函数,把字符串每个单词的首字母大写

<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

更多相关文章

  1. 正则表达式匹配所有字符到某个标记
  2. JavaScript中,提取子字符串方法:Slice、Substring、Substr的比较
  3. java 如何获取动态网页内容,返回字符串
  4. NodeJS - 解析JSON(只有字符串或数字)
  5. 如何在JavaScript中对字符串排序
  6. 将特殊字符转换为HTML实体,Laravel
  7. JSON.parse(xhr.responseText)意外的字符串错误
  8. 奇怪的字符显示在XML> ASP.NET> Javascript> HTML中
  9. 如何在url中将特殊字符作为查询字符串传递

随机推荐

  1. PHP代码在不需要时在Javascript中自动运
  2. Web2.0 (social media) 企业应用的架构
  3. HTML5关于get请求添加headers的问题
  4. 在页面重新加载时添加活动链接和jquery幻
  5. 采集资源的方法(文字,图片) [图片]
  6. 如何将添加到ajax html编辑器的文本保存
  7. 在Chtmlview中,浏览多frame的框架的网页,有
  8. 如何在应用程序中嵌入图像并在HTML控件中
  9. 如何控制html代码中DL标签的颜色?
  10. html提示框插件