JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)

 更新时间:2014年10月16日 11:10:19   投稿:junjie   我要评论
这篇文章主要介绍了JavaScript字符串对象replace方法实例,replace方法用于字符串替换,同时支持正则表达式替换,需要的朋友可以参考下

JavaScript replace 方法

replace 方法用于在字符串中用一些字符串替换另一些字符串,或者替换符合正则匹配的字符串,并返回替换后的字符串。其语法如下:

复制代码 代码如下:

str_object.replace(reg_exp/str, replacement)

参数说明:

参数 说明
str_object 要操作的字符串(对象)
reg_exp/str 必需。要匹配的正则表达式/要替换的字符串
如果 reg_exp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。
replacement 必需。要替换的字符串

字符串替换实例

下面的例子演示了 replace 方法的字符串替换实例:

复制代码 代码如下:

<script language="JavaScript">

var str = "www.example.net";
document.write( str.replace("example", "jb51") );

</script>

运行该例子,输出:

复制代码 代码如下:

www.jb51.net

注意:字符串替换只替换第一个符合要求的字串(只替换一次),如果要替换字符串中所有符合要求的字串,建议用正则表达式带全局参数 g 的模式,具体见下文例子。

正则表达式字符串替换实例

replace 方法除了支持简单的字符串替换外,也支持正则表达式替换:

复制代码 代码如下:

<script language="JavaScript">

var str = "www.example.net is a example domains site of INNA.";
document.write( str.replace(/example/, "jb51") );

</script>

运行该例子,输出:

复制代码 代码如下:

www.jb51.net is a example domains site of INNA.

当给正则表达式加上全局标志 g 时:

复制代码 代码如下:

<script language="JavaScript">

var str = "www.example.net is a example domains site of INNA.";
document.write( str.replace(/example/g, "jb51") );

</script>

运行该例子,输出:

复制代码 代码如下:

www.jb51.net is a 5idev domains site of INNA.

注意,如果您要忽略大小写,可以加上 i 参数:/example/gi 。

相关文章

  • 最实用的JS数组函数整理

    最实用的JS数组函数整理

    本篇文章小编给大家整理了非常全的JS数组函数以及相关的写法规则,希望能够对读者们起到帮助和参考。
    2017-12-12
  • js 操作符汇总

    js 操作符汇总

    本文并没有详细的介绍js所有的操作符,只是就js在操作符上与其它常用语言不一样的独特之处列举一二,了解了这些,至少不会让我们在读一些开源框架js代码时一头雾水,并且可以让我们的js代码更简洁、更安全(少出bug)。
    2014-11-11
  • 深入理解JavaScript系列(30):设计模式之外观模式详解

    深入理解JavaScript系列(30):设计模式之外观模式详解

    这篇文章主要介绍了深入理解JavaScript系列(30):设计模式之外观模式详解,外观模式(Facade)为子系统中的一组接口提供了一个一致的界面,此模块定义了一个高层接口,这个接口值得这一子系统更加容易使用,需要的朋友可以参考下
    2015-03-03
  • 深入理解JavaScript系列(50):Function模式(下篇)

    深入理解JavaScript系列(50):Function模式(下篇)

    这篇文章主要介绍了深入理解JavaScript系列(50):Function模式(下篇),本篇我们介绍的一些模式称为初始化模式和性能模式,主要是用在初始化以及提高性能方面,一些模式之前已经提到过,这里只是做一下总结,需要的朋友可以参考下
    2015-03-03
  • 向JavaScript的数组中添加元素的方法小结

    向JavaScript的数组中添加元素的方法小结

    这篇文章主要介绍了向JavaScript的数组中添加元素的方法小结,分别举了一些JS数组操作的例子,基本需要的朋友可以参考下
    2015-10-10
  • javascript的原生方法获取数组中的最大(最小)值

    javascript的原生方法获取数组中的最大(最小)值

    获取一个数组中的最大(最小)值的最简单的方法,就是对数组进行一次遍历,通过比较,找到其最大(最小)值。但是其实在javascript的原生方法中,已经提供了一些快捷方法,可以实现此功能,需要的朋友可以了解下
    2012-12-12
  • 详解JavaScript中getFullYear()方法的使用

    详解JavaScript中getFullYear()方法的使用

    这篇文章主要介绍了详解JavaScript中getFullYear()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • 关于JS管理作用域的问题

    关于JS管理作用域的问题

    本篇文章中,小编为大家介绍关于JS管理作用域的问题,有需要的朋友可以关注一下
    2013-04-04
  • JavaScript入门系列课程之一

    JavaScript入门系列课程之一

    JavaScript是一种可以用给网页增加交互性的编程语言,是网页不可或缺的部分。
    2010-10-10
  • 详解JavaScript正则表达式中的global属性的使用

    详解JavaScript正则表达式中的global属性的使用

    这篇文章主要介绍了详解JavaScript正则表达式中的global属性的使用,是JS学习进阶中的重要知识点,需要的朋友可以参考下
    2015-06-06

最新评论