javascript正则表达式
来源:互联网 发布:淘宝如何收藏店铺 编辑:程序博客网 时间:2024/05/17 23:57
网上正则表达式的教程够多了,但由于javascript的历史比较悠久,也比较古老,因此有许多特性是不支持的。我们先从最简单地说起,文章所演示的正则基本都是perl方式。
元字符
( [ { \ ^ $ | ) ? * + .
预定义的特殊字符
字符类
简单类
原则上正则的一个字符对应一个字符,我们可以用[]把它们括起来,让[]这个整体对应一个字符。如
alert(/ruby/.test(
"ruby"
));
//true
alert(/[abc]/.test(
"a"
));
//true
alert(/[abc]/.test(
"b"
));
//true
alert(/[abc]/.test(
"c"
));
//true
alert(
"a bat ,a Cat,a fAt bat ,a faT cat"
.match(/[bcf]at/gi));
//bat,Cat,fAt,bat,faT,cat
负向类
也是在那个括号里做文章,前面加个元字符进行取反,表示匹配不能为括号里面的字符。
alert(/[^abc]/.test(
"a"
));
//false
alert(/[^abc]/.test(
"b"
));
//false
alert(/[^abc]/.test(
"6"
));
//true
alert(/[^abc]/.test(
"gg"
));
//true
范围类
还是在那个中括号里面做文章。有时匹配的东西过多,而且类型又相同,全部输入太麻烦,我们可以用它。特征就是在中间加了个横线。
组合类
还是在那个中括号里面做文章。允许用中括号匹配不同类型的单个字符。
alert(/[a-f]/.test(
"b"
));
//true
alert(/[a-f]/.test(
"k"
));
//false
alert(/[a-z]/.test(
"h"
));
//true
alert(/[A-Z]/.test(
"gg"
));
//false
alert(/[^H-Y]/.test(
"G"
));
//true
alert(/[0-9]/.test(
"8"
));
//true
alert(/[^7-9]/.test(
"6"
));
//true
alert(/[a-m1-5\n]/.test(
"a"
))
//true
alert(/[a-m1-5\n]/.test(
"3"
))
//true
var
a =
"\n\
"
alert(/[a-m1-5\n]/.test(a))
//true
alert(/[a-m1-5\n]/.test(
"r"
))
//false
预定义类
还是在那个中括号里面做文章,不过它好像已经走到尽头了。由于是中括号的马甲,因此它们还是对应一个字符。
alert(/\d/.test(
"3"
))
//true
alert(/\d/.test(
"w"
))
//false
alert(/\D/.test(
"w"
))
//true
alert(/\w/.test(
"w"
))
//true
alert(/\w/.test(
"司"
))
//false
alert(/\W/.test(
"徒"
))
//true
alert(/\s/.test(
" "
))
//true
alert(/\S/.test(
" "
))
//false
alert(/\S/.test(
"正"
))
//true
alert(/./.test(
"美"
))
//true
alert(/./.test(
" "
))
//true
var
a =
"\n\
"
alert(/./.test(a))
//true
量词
由于元字符与特殊字符或字符类或者它们的组合(中括号)甚至它们的马甲(预定义类)都是一对一进行匹配。我们要匹配“司徒正美这个词”,最简单都要/..../,如果长到50多个字符岂不是要死人。因此我们逼切需要一个简单的操作,来处理这数量关系。
简单量词
alert(/..../.test(
"司徒正美"
))
//true
alert(/司徒正美/.test(
"司徒正美"
))
//true
alert(/[\u4e00-\u9fa5]{4}/.test(
"司徒正美"
))
//true
alert(/[\u4e00-\u9fa5]{4}/.test(
"司徒正美55"
))
//true
alert(/^[\u4e00-\u9fa5]+$/.test(
"正则表达式"
))
//true
alert(/^[\u4e00-\u9fa5]+$/.test(
"正则表达式&*@@"
))
//false
alert(/\d{6}/.test(
"123456"
))
//true
alert(/[ruby]{2}/.test(
"rr"
))
//true
alert(/[ruby]{2}/.test(
"ru"
))
//true
alert(/[ruby]{2}/.test(
"ry"
))
//true
/[\u4e00-\u9fa5]/用于匹配单个汉字。
贪婪量词,惰性量词与支配性量词
贪婪量词,上面提到的所有简单量词。就像成语中说的巴蛇吞象那样,一口吞下整个字符串,发现吞不下(匹配不了),再从后面一点点吐出来(去掉最后一个字符,再看这时这个整个字符串是否匹配,不断这样重复直到长度为零)
隋性量词,在简单量词后加问号。由于太懒了,先吃了前面第一个字符,如果不饱再捏起多添加一个(发现不匹配,就读下第二个,与最初的组成一个有两个字符串的字符串再尝试匹配,如果再不匹配,再吃一个组成拥有三个字符的字符串……)。其工作方式与贪婪量词相反。
支配性量词,在简单量词后加加号。上面两种都有个不断尝试的过程,而支配性量词却只尝试一次,不合口味就算了。就像一个出身高贵居支配地位的公主。但你也可以说它是最懒量词。由于javascript不支持,所以它连出场的机会也没有了。
var
re1 = /.*bbb/g;
//贪婪
var
re2 = /.*?bbb/g;
//惰性
// var re3 = /.*+bbb/g;//支配性,javascript不支持,IE与所有最新的标准浏览器都报错
alert(re1.test(
"abbbaabbbaaabbbb1234"
)+
""
);
//true
alert(re1.exec(
"abbbaabbbaaabbbb1234"
)+
""
);
//null
alert(
"abbbaabbbaaabbbb1234"
.match(re1)+
""
);
//abbbaabbbaaabbbb
alert(re2.test(
"abbbaabbbaaabbbb1234"
)+
""
);
//true
alert(re2.exec(
"abbbaabbbaaabbbb1234"
)+
""
);
//aabbb
alert(
"abbbaabbbaaabbbb1234"
.match(re2)+
""
);
//abbb,aabbb,aaabbb
分组
到目前为止,我们只能一个字符到匹配,虽然量词的出现,能帮助我们处理一排密紧密相连的同类型字符。但这是不够的,下面该轮到小括号出场了,中括号表示范围内选择,大括号表示重复次数。小括号允许我们重复多个字符。
//分组+量词
alert(/(dog){2}/.test(
"dogdog"
))
//true
//分组+范围
alert(
"baddad"
.match(/([bd]ad?)*/))
//baddad,dad
//分组+分组
alert(
"mon and dad"
.match(/(mon( and dad)?)/))
//mon and dad,mon and dad, and dad
反向引用
反向引用标识由正则表达式中的匹配组捕获的子字符串。每个反向引用都由一个编号或名称来标识,并通过“\编号”表示法进行引用。
var
color =
"#990000"
;
/
#(\d+)/.test(color);
alert(RegExp.$1);
//990000
alert(/(dog)\1/.test(
"dogdog"
))
//true
var
num =
"1234 5678"
;
var
newNum = num.replace(/(\d{4}) (\d{4})/,
"$2 $1"
);
alert(newNum)
候选
继续在分组上做文章。在分组中插入管道符(“|”),把它划分为两个或多个候多项。
var
reg = /(red|black|yellow)!!/;
alert(reg.test(
"red!!"
))
//true
alert(reg.test(
"black!!"
))
//true
alert(reg.test(
"yellow!!"
))
//true
非捕获性分组
并不是所有分组都能创建反向引用,有一种特别的分组称之为非捕获性分组,它是不会创建反向引用。反之,就是捕获性分组。要创建一个非捕获性分组,只要在分组的左括号的后面紧跟一个问号与冒号就行了。
var
color =
"#990000"
;
/
#(?:\d+)/.test(color);
alert(RegExp.$1);
//""
题目,移除所有标签,只留下innerText!
var
html =
"<p><a href='http://www.cnblogs.com/rubylouvre/'>Ruby Louvre</a>by <em>司徒正美</em></p>"
;
var
text = html.replace(/<(?:.|\s)*?>/g,
""
);
alert(text)
注意:javascript不存在命名分组
前瞻
继续在分组内做文章。前瞻与后瞻其实都属于零宽断言,但javascript不支持后瞻。
正向前瞻用来检查接下来的出现的是不是某个特定的字符集。而负向前瞻则是检查接下来的不应该出现的特定字符串集。零宽断言是不会被捕获的。
var
str1 =
"bedroom"
;
var
str2 =
"bedding"
;
var
reBed = /(bed(?=room))
///在我们捕获bed这个字符串时,抢先去看接下来的字符串是不是room
alert(reBed.test(str1));
//true
alert(RegExp.$1)
//bed
alert(RegExp.$2 ===
""
)
//true
alert(reBed.test(str2))
//false
var
str1 =
"bedroom"
;
var
str2 =
"bedding"
;
var
reBed = /(bed(?!room))/
//要来它后面不能是room
alert(reBed.test(str1))
//false
alert(reBed.test(str2))
//true
题目,移除hr以外的所有标签,只留下innerText!
var
html =
"<p><a href='http://www.cnblogs.com/rubylouvre/'>Ruby Louvre</a></p><hr/><p>by <em>司徒正美</em></p>"
;
var
text = html.replace(/<(?!hr)(?:.|\s)*?>/ig,
""
)
alert(text)
//Ruby Louvre<hr/>by 司徒正美
边界
一个要与字符类合用的东西。
题目,设计一个字符串原型方法,实现首字母大写!
var
a =
"ruby"
;
String.prototype.capitalize =
function
() {
return
this
.replace(/^\w/,
function
(s) {
return
s.toUpperCase();
});
}
alert(a.capitalize())
//Ruby
单词边界举例。要匹配的东西的前端或未端不能为英文字母阿拉伯字数字或下横线。
var
str =
"12w-eefd&efrew"
;
alert(str.match(/\b\w+\b/g))
//12w,eefd,efrew
var
str =
"JS's Louvre"
;
var
reg = /\w/g;
alert(reg.exec(str));
//J
alert(reg.lastIndex);
//1
alert(reg.exec(str));
//S
alert(reg.lastIndex);
//2
alert(reg.exec(str));
//s
alert(reg.lastIndex);
//4
alert(reg.exec(str));
//L
alert(reg.lastIndex);
//6
- JavaScript 正则 正则表达式
- Javascript 正则表达式javascript
- javascript正则表达式,jquery正则
- javascript正则表达式,jquery正则
- javascript正则表达式,jquery正则
- javascript正则表达式,jquery正则
- JavaScript正则表达式
- JavaScript正则表达式
- javascript中的正则表达式
- JavaScript正则表达式
- javascript正则表达式
- [JavaScript]正则表达式学习
- JavaScript中的正则表达式
- JavaScript正则表达式- -
- javascript正则表达式
- JavaScript正则表达式
- Javascript正则表达式
- javascript 正则表达式总结
- php爬虫抓取信息及反爬虫相关
- ecshop 模板与库文件lbi
- cocos2dx的lua绑定
- BASE64 编码解码
- OpenCart之增强型博客(Blog)模块
- javascript正则表达式
- How to check if a Number is Positive or Negative in Java - Interview Question
- HLG 1679 跑步 -- 并查集
- 反向代理服务器
- paip.2013年技术趋势以及热点 v2.0 cae
- Android Telephony系统 之 DataConnectionTracker与MobileDataStateTracker之间的通信
- 筛选法及预处理
- Percona Toolkit for MySQL安装(CentOS5.8)
- NGUI ,鼠标检测UI 用到的方法