当前位置:编程学习 > JS >>

简单讲解javascript常用正则表达式

简单讲解网页特效常用正则表达式,这时主要是讲关于js的数字,电话,手机,用户名等常用的正则表达式实现,有需要的朋友可以参考一下。

var parse_number = /^-?d+(?:.d*)?(?:e[+-]?d+)?$/i;

这是一个解析数字的正则表达式,其中的子表达式有(?:.d*)和(?:e[+-]?d+)
.和-分别是对.和-的转义表达
顺便复习下.表示除换行符以外的其他字符
-一般用于[a-zA-Z0-9]表示匹配范围
如果其中没?:例如(.d*)那么按照先后顺序,反向引用的关系如下

1-->(.d*)
2-->(e[+-]?d+)

如果有更多的话,就以此类推3 4 5....
再次强调,引用的是子表达式匹配的内容,是具体的文本
关于正向预查
复制代码 代码如下:

var reg = /I like (?=shanghai)/;
var str = 'I like shanghai';
matchReg(reg, str); //测试通过

str = 'I like beijing';
matchReg(reg, str); //不通过

跑下上面的代码,就马上理解什么算是正向预查了,如上面的例子,通过(?=pattern)的形式,正则 表达式预测下后面的内容是不是符合要求,如果是那就顺利匹配.
相对地,(?!=pattern)的使用意图正好与(?=pattern)相反,就不复述了
关于贪心和非贪心匹配模式
复制代码 代码如下:

// 贪心
var reg = /d{1,}/;
var str = '1999';
matchReg(reg, str); // result[0]为1999 能多匹配就多匹配

// 非贪心
reg = /d{1,}?/;
matchReg(reg, str); // result[0]为1 只匹配了一个

从上面的结果很容易看出"贪心"和"非贪心"的含义
pattern?这就表明非贪心匹配模式,一般情况就是贪心的
关于Regexp对象exec函数返回的结果
复制代码 代码如下:
// 关于返回结果是个什么
// matchReg函数中console.dir(result)能说明问题,firebug中一看便知
关于string的replace函数

function camelize(str) {
return str.replace(/-(w)/g, function(inputStr, p1) {
console.log(p1);
return p1.toUpperCase();
});
}
console.log(camelize('background-color'));

function uncamelize(str, sep) {
sep = sep || '-';
return str.replace(/([a-z])([A-Z])/g, function(inputStr, p1, p2) {
console.log('p1:%s, p2:%s', p1, p2);
return p1 + sep + p2;
});
}
console.log(uncamelize('backgroundColor', '-'));

上面两个例子,主要用于说明replace函数的用法,当然还有search,split等函数可以充分利用正则表达式的优势

 

补充:网页制作,js教程 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,