相信大家应该都有做过这样的题目。就是把一个数字转成每三个数字就用逗号隔开的问题。如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,就这样吧。