javascript实现全局匹配并替换的方法_javascript技巧

在javascript替换字符串使用的是replace函数,但在实际使用过程中却发现该函数只会替换被匹配的第一个字符,这就让人很不爽了,在php语言中,replace可是实现全局匹配并替换的。没办法,仔细研究了下,发现还是有其他办法实现全局匹配并替换的。

(1)其实replace本身也可以实现这种功能的,但要通过正则的形式加个参数g,例如:

复制代码 代码如下:

str.replace(/www.baidu.com/g,'www.jb51.net');

或者:

复制代码 代码如下:

str.replace(new RegExp('www.baidu.com','gm'),'www.jb51.net');

将 str 字符中的 www.baidu.com 全部替换为 www.jb51.net

(2)自己扩展js函数库,自创函数replaceall方法实现全局匹配并替换的功能。如下:

复制代码 代码如下:

String.prototype.replaceall=function(s1,s2){
    return this.replace(new RegExp(s1,"gm"),s2); 
}

这个其实也是利用了方法一的思想。举例如下(这里也实现了同上的功能,只不过相比方法一更为直观而已):

复制代码 代码如下:

str.replace('www.baidu.com','www.jb51.net');

以上所述就是本文的全部内容了,希望大家能够喜欢。

时间: 2024-10-24 15:10:02

javascript实现全局匹配并替换的方法_javascript技巧的相关文章

javascript实现全局匹配并替换的方法

  javascript实现全局匹配并替换的方法         这篇文章主要介绍了javascript实现全局匹配并替换的方法的总结,十分的简单实用,有需要的小伙伴可以参考下. 在javascript替换字符串使用的是replace函数,但在实际使用过程中却发现该函数只会替换被匹配的第一个字符,这就让人很不爽了,在php语言中,replace可是实现全局匹配并替换的.没办法,仔细研究了下,发现还是有其他办法实现全局匹配并替换的. (1)其实replace本身也可以实现这种功能的,但要通过正则的

javascript实现简单查找与替换的方法_javascript技巧

本文实例讲述了javascript实现简单查找与替换的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <title>中国风</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <script language="JavaScript&q

JavaScript使用Replace进行字符串替换的方法_javascript技巧

本文实例讲述了JavaScript使用Replace进行字符串替换的方法.分享给大家供大家参考.具体分析如下: var str='123123'; alert(str.replace('1','0')); //只替换第一处结果为023123 alert(str.replace(/1/g,'0')); //替换全部结果为023023 希望本文所述对大家的javascript程序设计有所帮助. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角

js正则表达式replace替换变量方法_javascript技巧

JavaScript正则实战(会根据最近写的不断更新) 1.javascript 正则对象替换创建 和用法: /pattern/flags 先简单案例学习认识下replace能干什么 正则表达式构造函数: new RegExp("pattern"[,"flags"]); 正则表达式替换变量函数:stringObj.replace(RegExp,replace Text); 参数说明: pattern -- 一个正则表达式文本 flags -- 如果存在,将是以下值:

js使用正则实现ReplaceAll全部替换的方法_javascript技巧

JS 字符串有replace() 方法.但这个方法只会对匹配到的第一个字串替换. 如下例: <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <script> var str = "wordwordwordword"; var strNew = str.replace("word","Excel"

JavaScript动态检验密码强度的实现方法_javascript技巧

平时我们会在某些网站的注册页面或者更改密码的页面发现当我们输入密码时,会有一个类似于进度条的长条进行提示用户输入的密码强度.如下图: 我看到有些人用几张不同的图片来替换,这样似乎可以,但是不太好.所以我通过其他方式实现. 实质上这是根据用户输入的不同密码强度来改变 颜色区域的长度. 密码强度这个横条实质是一个div,其他标记也可以,div里面有一个span标记,我就是通过改变span的长度和颜色来表现密码的强度的.原理很简单,但是在操作过程中,可能会遇到一些问题很头疼. 1.先在html页面里面

javascript浏览器窗口之间传递数据的方法_javascript技巧

本文实例讲述了javascript浏览器窗口之间传递数据的方法.分享给大家供大家参考.具体分析如下: 摘要: 在项目开发中我们经常会遇到弹窗,有的是通过div模拟弹窗效果,有的是通过iframe,也有通过window自带的open函数打开一个新的窗口.今天给大家分享的是最后一种通过window.open()函数打开页面进行数据交互.首先看下效果图: 原理: 父窗口给子窗口传递数据是通过url的参数传递过去,子窗口给父窗口传递数据是通过父窗口的全局函数传递. 代码:index.html如下: 复制

js实现正则匹配中文标点符号的方法_javascript技巧

本文实例讲述了js正则匹配中文标点符号的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>js正则匹配中文标点符号</title> <head> <body> <input ty

javascript小数精度丢失的完美解决方法_javascript技巧

原因:js按照2进制来处理小数的加减乘除,在arg1的基础上 将arg2的精度进行扩展或逆扩展匹配,所以会出现如下情况. javascript(js)的小数点加减乘除问题,是一个js的bug如0.3*1 = 0.2999999999等,下面列出可以完美求出相应精度的四种js算法 function accDiv(arg1,arg2){ var t1=0,t2=0,r1,r2; try{t1=arg1.toString().split(".")[1].length}catch(e){} t