JavaScript字符串替换与正则表达式详解:replace、exec与test方法实战

作者:纸飞机

时间:2026-10-28

浏览:440

本文详解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);

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章