JS使用replace()方法和正则表达式进行字符串的搜索与替换实例

JS使用replace()方法和正则表达式进行字符串的搜索与替换实例_javascript技巧

php中文网

发布： 2016-05-16 16:52:55

原创

2003人浏览过

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：

图酷AI

下载即用！可以免费使用的AI图像处理工具，致力于为用户提供最先进的AI图像处理技术，让图像编辑变得简单高效。

106

查看详情

复制代码代码如下:

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       s = s + m[i] + "
";
}
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);

大家都在看：

javascript_机器学习在前端应用 javascript如何实现无障碍访问_有哪些ARIA属性需要了解 javascript的TypeScript是什么_为什么要使用静态类型检查？ javascript如何实现模块热替换_它的原理是什么 javascript的Web Workers是什么_如何实现多线程编程？