RegExp对象的使用与正则替换

相信大家应该都有做过这样的题目。就是把一个数字转成每三个数字就用逗号隔开的问题。如100000000,就转成100,000,000这样。相信方法有很多种。但是今天介绍一种用正则替换来实现的方法。顺便解释下RegExp对象的作用。

JavaScript RegExp 对象  RegExp 对象用于规定在文本中检索的内容。RegExp 是javascript中的一个内置对象。为正则表达式。

var regExp =  /[a-z]+/;  这种写法就相当于下面这种写法。

 var regExp = new RegExp("[a-z]+");

所以第一种写法就等于声明了一个RegExp对象。


RegExp 对象的方法
RegExp 对象有 3 个方法:test()、exec() 以及 compile()。
test()
test() 方法检索字符串中的指定值。返回值是 true 或 false。


exec()
exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。


compile()
compile() 方法用于改变 RegExp。


compile() 既可以改变检索模式,也可以添加或删除第二个参数。


RegExp.$1是RegExp的一个属性,指的是与正则表达式匹配的第一个 子匹配(以括号为标志)字符串,以此类推,RegExp.$2,RegExp.$3,..RegExp.$99总共可以有99个匹配
给你看了例子就知道了

var r= /^(\d{4})-(\d{1,2})-(\d{1,2})$/; //正则表达式 匹配出生日期(简单匹配)     
r.exec('1985-10-15');
s1=RegExp.$1;
s2=RegExp.$2;
s3=RegExp.$3;
alert(s1+" "+s2+" "+s3)//结果为1985 10 15

上面的代码已经很清晰地说明了。RegExp.$1就代表子匹配出来的第一个字符串, 注意,这里是用()来包住你希望获取到的值,每组括号就是一个$+数字,顺序的话就按左括号的出现顺序来排的。因此嵌套的括号就不要问我到底是$几了。

 因此上面那个问题就很好解决了。

代码如下

function   formatNum(num)
{   
    if(!/^(\+|-)?(\d+)(\.\d+)?$/.test(num)){alert("wrong!");   return   num;}   //那个正则就相当与new了一个RegExp对象
    var   a   =   RegExp.$1,   b   =   RegExp.$2,   c   =   RegExp.$3;   //第一为是+-号,第二位是整数部分。第三位是小数部分
    var   re   =   new   RegExp().compile("(\\d)(\\d{3})(,|$)");   //这里的,和$是为了后面作准备的。就是说只要匹配到的前面有一位数字,然后后面还跟着三个数字($是直接匹配到最后,而逗号的话是代表在后续循环中已经添加的逗号)
    while(re.test(b))   b   =   b.replace(re,   "$1,$2$3");   //这里的while循环的意思是一直匹配看有没有满足条件的,有的话就继续替换循环下去,直到匹配不到这种类型的正则表达式时,停止。提示一下,这里第一个匹配到的就是字符串的最后。所以算下来的话,其实是从后面开始匹配的。
    return   a   +""+   b   +""+   c;   //避免变成数字相加。所以中间加入""
}


上面的注释我写得很清楚了,不知道各位看官有没有看懂。我再讲解讲解,

按照上面的逻辑的来转化数字的过程是这样的,每次循环后,数字的变化过程如下。

进入方法前如果是100000000,

首先变成100000,000

之后变成100,000,000

最后就直接跳出循环了。输出数据了。

这样的话,就比较好理解为什么上面用 (,|$) 了吧?


RegExp().compile:我想再解释下这个方法。

其实这个方法就是相当于把之前的RegExp对象的值替换成另外一个正则表达式而已。以下举个例子

var str = "abc12456def45646ghi";
var regExp = new RegExp("[a-z]+");
document.writeln( regExp.exec(str) ); // abc


// 更改regExp的正则表达式模式,并进行编译
// 这与下列语句的作用是相同的:regExp = /\d+/;
regExp.compile("\\d+");
document.writeln( regExp.exec(str) ); // 12456

上面的例子已经足够说明问题了。我就不多说了。

我还做了以下的两个实验。

var str = "abc12456def45646ghi";
var regExp =/([a-z]+)/;
regExp.test(str);
alert( RegExp.$1 ); 

这个输出什么?答案是abc

var str = "abc12456def45646ghi";
var regExp =/([a-z]+)/;
regExp.test(str);
var regExp1 = /(\d)/;
regExp1.test(str);
alert( RegExp.$1 ); 
这个会输出什么?答案是1

这两个例子就说明了RegExp对象只能在代码的运行中,会随时的被后续的正则表达式替换,但是在编码的时候最好还是使用complie方法来改变RegExp的值。


这里在讲一下replace方法,很多人只是拿它来替换某些字符串,但是却很少人使用正则表达式去替换,很多时候正则表达式去替换会减少很多的代码。

下面是这个方法的介绍。

replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。


stringObject.replace(regexp,replacement)
regexp 必需。规定了要替换的模式的 RegExp 对象。请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。 
replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。 
replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。
$1、$2、...、$99 与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。 


最后再丢个replace的例子出来,例子比什么语言描述都会直观。

例子
在本例中,我们将把 "Doe, John" 转换为 "John Doe" 的形式:

name = "Doe, John";
name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");


ok,就这样吧。




  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
正则替换是一种在字符串中通过正则表达式匹配来替换特定文本的方法。在JavaScript中,我们可以使用RegExp对象和String的replace()函数来进行正则替换RegExp对象是用来匹配和处理正则表达式的。我们可以通过RegExp构造函数来创建一个正则表达式对象,并传入一个匹配模式作为参数。例如,我们可以使用RegExp("/abc/")来创建一个匹配"abc"的正则表达式对象。 String的replace()方法用于将字符串中的某个模式替换为新的字符串。我们可以在replace()函数中传入两个参数:第一个参数是要被替换的模式,可以是一个字符串或者正则表达式对象;第二个参数是用来替换的新字符串。例如,使用字符串的replace()函数可以将所有的"abc"替换为"xyz":str.replace("abc", "xyz")。 当第一个参数是一个正则表达式对象时,replace()方法就会使用正则表达式对象进行匹配替换。我们可以在正则表达式中使用一些特殊的标记来指定匹配的模式,例如"g"表示全局匹配,"i"表示不区分大小写等。 下面是一个例子,将字符串中的所有数字替换为"*": var str = "123abc456def789"; var regex = /\d/g; var replacedStr = str.replace(regex, "*"); console.log(replacedStr); // 输出: "***abc***def***" 这个例子中,我们通过正则表达式/\d/g指定了要匹配的模式,即所有的数字。然后使用replace()函数将匹配到的数字替换为"*"。 总之,正则replace是一种便捷的替换字符串内容的方法,通过使用正则表达式来匹配和替换特定的文本。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值