脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS字符串的搜索与替换实例

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

 更新时间：2014年04月10日 10:04:15   作者：  
这篇文章主要介绍了JS使用replace()方法和正则表达式进行字符串的搜索与替换实例,需要的朋友可以参考下

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);

您可能感兴趣的文章:

相关文章

  • VsCode插件整理（小结）

    VsCode插件整理（小结）

    这篇文章主要介绍了VsCode插件整理（小结），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • pjblog中的UBBCode.js

    pjblog中的UBBCode.js

    pjblog中的UBBCode.js...
    2007-04-04
  • 微信小程序登录数据解密及状态维持实例详解

    微信小程序登录数据解密及状态维持实例详解

    这篇文章主要介绍了微信小程序登录数据解密及状态维持,结合实例形式分析了微信小程序解密敏感信息及获取session保持登陆状态的相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • js DOM模型操作

    js DOM模型操作

    文档对象模型DOM（Document Object Module）定义了用户操作文档对象的接口，它使得用户对HTML有了空前的访问能力，并使开发者能将HTML作为XML文档来处理。
    2009-12-12
  • js中indexof的用法详细解析

    js中indexof的用法详细解析

    本篇文章主要是对js中indexof的用法进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • js实现文字闪烁特效的方法

    js实现文字闪烁特效的方法

    这篇文章主要介绍了js实现文字闪烁特效的方法，使用style对象来设置css属性，结合定时器就可以实现该功能，感兴趣的小伙伴们可以参考一下
    2015-12-12
  • Document:getElementsByName()使用方法及示例

    Document:getElementsByName()使用方法及示例

    Document:getElementsByName()想必大家对它并不陌生吧，主要是根据名称获取元素，下面是其具体的使用方法及范例，感兴趣的朋友不要错过
    2013-10-10
  • JavaScript树的深度优先遍历和广度优先遍历算法示例

    JavaScript树的深度优先遍历和广度优先遍历算法示例

    这篇文章主要介绍了JavaScript树的深度优先遍历和广度优先遍历算法,结合实例形式分析了JavaScript树的深度优先遍历、广度优先遍历递归与非递归相关实现技巧,需要的朋友可以参考下
    2018-07-07
  • 10行原生JS实现文字无缝滚动(超简单)

    10行原生JS实现文字无缝滚动(超简单)

    下面小编就为大家分享一篇10行原生JS实现文字无缝滚动的效果，特别简单，具有很好的参考价值，希望对大家有所帮助
    2018-01-01
  • 使用原生JS添加进场和退场动画详解

    使用原生JS添加进场和退场动画详解

    总所周知啊，身为一个合格的前端搬砖工，会编写并且添加一些基础的动画效果可谓是比较基础且轻车熟路的技能了。本文将教大家如何使用原生JS添加进场和退场动画，感兴趣的可以了解一下
    2022-10-10

最新评论