php 全局匹配,JS使用RegExp对象实现replaceall全局匹配并替换

javascript中替换字符串的方法是replace函数，但在网站开发的过程中使用时却发现该函数只会替换第一个被匹配的字符，而不能像PHP的replace一样实现全局匹配并替换。

例：

var str = 'php! I love php';

str = str.replace('php', 'codetc');

alert(str);

上例输出的结果为： codetc! I love php

可以看到，replace函数只替换了第一个php，而后面的却没有被替换，这样的结果很多时候并不是我们想要的；那么我们如果实现replaceall全局匹配并替换呢？

其实 replace 本身也可以实现这种功能的，但需要通过借助 RegExp 对象实现。

RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。

创建 RegExp 对象的语法：

new RegExp(pattern, attributes);

参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。

参数 attributes 是一个可选的字符串，包含属性 "g"、"i" 和 "m"，分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前，不支持 m 属性。如果 pattern 是正则表达式，而不是字符串，则必须省略该参数。

这里我们只需要全局匹配替换指定的字符串的话，大可不必用到正则表达式，pattern的值直接指定目标字符串就行，但如果要实现正则匹配，那则需要把pattern指定为正则匹配规则，关于正则表达式的基本语法可以参考php正则表达式以及正则函数的使用

使用RegExp后，上面的例子可以变成:

var str = 'php! I love php';

str = str.replace(new RegExp('php','g'), 'codetc');

//str = str.replace(/php/g, 'codetc'); //效果相同

alert(str);

输出的结果为：codetc! I love codetc

这个结果已经达到我们的目标了，相当简单是吧，为了使用更方便，我们可以自己扩展js函数库，自创函数replaceall方法实现全局匹配并替换的功能。

String.prototype.replaceall=function(s1,s2){

return this.replace(new RegExp(s1,"gm"),s2);

}

最后，我们可以直接使用 str.replaceall('php', 'codetc')就可以了

php 全局匹配,JS使用RegExp对象实现replaceall全局匹配并替换相关推荐

Js中RegExp对象
Js中RegExp对象 RegExp对象表示正则表达式,是由普通字符和特殊字符也叫元字符或限定符组成的文字模板,用于对字符串执行模式匹配. 描述创建一个RegExp对象通常有两种方式,一种是通过字面 ...
JavaScript学习（十三）---RegExp对象
目录创建RegExp对象 1.使用RegExp的显式构造函数 2.使用RegExp的隐式构造函数,采用纯文本格式 RegExp对象的属性静态属性: index属性: input属性: lastIn ...
js进阶正则表达式10-分组-多行匹配-正则对象的属性（小括号作用：分组，将小括号里面的东西看成一个整体，因为量词只对前一个字符有效）（多行匹配：m）（属性使用：reg.global）...
js进阶正则表达式10-分组-多行匹配-正则对象的属性(小括号作用:分组,将小括号里面的东西看成一个整体,因为量词只对前一个字符有效)(多行匹配:m)(属性使用:reg.global) 一.总结 1. ...
JS_js正则匹配替换冒号，RegExp 对象
RegExp 对象正则表达式是描述字符模式的对象. 正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具. var patt=new RegExp(pattern,modifi ...
Node.js：get/post请求、全局对象、工具模块
一.GET/POST请求在很多场景中,我们的服务器都需要跟用户的浏览器打交道,如表单提交.表单提交到服务器一般都使用 GET/POST 请求. 1.获取GET请求内容由于GET请求直接被嵌入在路径 ...
【JS】javascript正则表达式的基本使用（JavaScript RegExp 对象）
javascript正则表达式的基本使用(JavaScript RegExp 对象) 1. 正则表达式是什么? 2. 基本使用语法 2.1 正则表达式思维导图 2.2 定义正则表达式 2.2.1 普通 ...
JavaScript 正则表达式(RegExp对象、属性、方法、String支持)
内容来源:JavaScript RegExp 对象参考手册 http://www.w3school.com.cn/js/jsref_obj_regexp.asp RegExp 对象 RegExp ...
Js中String对象
Js中String对象 String全局对象是一个用于字符串或一个字符序列的构造函数. 描述创建一个字符串可以通过字面量的方式,通过字面量创建的字符串变量在调用方法的时候能够自动转化为临时的包装对象 ...
JavaScript标准库系列——RegExp对象（三）
目录导语 1.理解正则表达式 2.模式的规则 3.字符串和正则实例的属性和方法 4.检索实例 5. 小结导语正则表达式是处理字符串的一门艺术手法,应用场景经常出现在表单验证部分: JavaScr ...

php 全局匹配,JS使用RegExp对象实现replaceall全局匹配并替换

php 全局匹配,JS使用RegExp对象实现replaceall全局匹配并替换相关推荐

最新文章

热门文章