本文详解JavaScript中字符串搜索与替换的核心技术。通过replace()方法结合正则表达式实现文本替换,演示了字符串替换函数与RegExp对象的两种创建方式。同时深入解析exec()与test()方法的返回值逻辑及捕获组引用,提供完整代码示例,帮助开发者掌握JS正则处理的实际应用。
JavaScript字符串替换与正则表达式:replace、exec、test方法全解析
1、JS字符串的替换及replace()方法的使用
replace(regexp,replacement)方法接收两个参数:第一个参数可以是纯文本字符串或RegExp对象(具体用法见RegExp对象章节);第二个参数可以是字符串或一个函数。
以下是JS字符串替换的举例:
例1:
代码如下:
var str="Hello world!";
document.write(str.replace(/world/, "phper"));例2:
代码如下:
var reg=new RegExp("(\\w+),(\\d+),(\\w+)","gmi");
var info="Lili,14,China";
var rep=info.replace(reg, "She is $1, $2 years old, come from $3");
alert(rep);例3:
代码如下:
var reg=new RegExp("(\\w+),(\\d+),(\\w+)","gmi");
var info="Lili,14,China";
var name, age, from;
function prase_info(m,p1,p2,p3) { // 也可使用非显式参数,使用arguments获取
name = p1;
age = p2;
from = p3;
return "She is "+p1+", "+p2+" years old, come from "+p3;
}
var rep=info.replace(reg, prase_info);
alert(rep);
aler(name);
2、RegExp对象的使用
JavaScript提供了RegExp对象以支持正则表达式的操作与功能,每条正则表达式模式对应一个RegExp实例。创建RegExp对象实例有两种方式。
使用RegExp的显式构造函数,语法为:new RegExp("pattern"[,"flags"]);使用RegExp的隐式构造函数,采用纯文本格式:/pattern/[flags]。例4中两条语句是等价的。
例4:
代码如下:
var re1 = new RegExp("\\d{5}");
var re2 = /\d{5}/;3、字符串的搜索及exec()方法的使用
exec()方法返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。
例5:
代码如下:
var reg=new RegExp("(\\w+),(\\d+),(\\w+)","gmi");
var m=reg.exec("Lili,14,China");
var s="";
for (i = 0; i < m.length; i++) {
s = s + m[i] + "\n";
}
alert(s);4、test()方法的使用
RegExpObject.test(string)
如果字符串 string 中含有与 RegExpObject 匹配的文本,则返回 true,否则返回 false。
例6:
代码如下:
var reg=new RegExp("(\\w+),(\\d+),(\\w+)","gmi");
var m=reg.test("Lili,14,China");
alert(RegExp.$1);
alert(RegExp.$2);
alert(RegExp.$3);