replace(regexp,replacement)方法有两个参数,第一参数可以是一个纯文本字符串或是一个RegExp对象,具体请看RegExp对象的使用;第二个参数可是一个字符串也可以是一个函数。
以下是JS字符串替换的举例:
如果是普通替换的话,只能替换第一个,要想全部替换,需要用正则表达式。下面代码可以看出两者差异:
代码如下 |
复制代码 |
<html>
<head>
<title>test</title>
<script language="JavaScript">
<!--
var s = "testtest" ;
//第二个参数中的 g 表示全部匹配,i表示忽略大小写
var regS = new RegExp("test","gi");
alert(s.replace("test","Hello")); //只替换一个
alert(s.replace(regS,"Hello")); //全部替换
//-->
</script>
</head>
<body>
</body>
</html>
|
下面我们接着看实例
例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);
|
补充一下js替换方法
返回值是执行替换操作后的字符串。
String.replace( ) 的简单用法
代码如下 |
复制代码 |
var text = "javascript 非常强大 !";
text.replace(/javascript/i, "JavaScript");
|
// 返回:JavaScript 非常强大 !
String.replace( ) 替换所有出现的目标字符
代码如下 |
复制代码 |
var text= "javascript 非常强大 !JAVASCRIPT 是我最喜欢的一门语言 !";
text.replace(/javascript/ig, "JavaScript");
// 返回:JavaScript 非常强大 !JavaScript 是我最喜欢的一门语言 !
|
String.replace( ) 实现调换位置
代码如下 |
复制代码 |
var name= "Doe, John";
name.replace(/(w+)s*,s*(w+)/, "$2 $1");
// 返回:John Doe
|
String.replace( ) 实现将所有双引号包含的字符替换成中括号包含的字符
代码如下 |
复制代码 |
var text = '"JavaScript" 非常强大!';
text.replace(/"([^"]*)"/g, "[$1]");
// 返回:[JavaScript] 非常强大!
|
String.replace( ) 将所有字符首字母大写
代码如下 |
复制代码 |
var text = 'a journey of a thousand miles begins with single step.';
text.replace(/bw+b/g, function(word) {
return word.substring(0,1).toUpperCase( ) +
word.substring(1);
});
// 返回:A Journey Of A Thousand Miles Begins With Single Step.
|
|