网站地图    收藏   

主页 > 前端 > javascript >

Javascript字符串的搜索与替换实例

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 在js中我们要搜索字符串可使用indexOf然后再利用replace(),其实根本不需要这样做我们只需要简单的replace()下正表表达试即可实现。...

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.

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论