黑马程序员技术交流社区
标题: 关于javascript的正则表达式。 [打印本页]
作者: 王家辉 时间: 2013-3-19 13:57
标题: 关于javascript的正则表达式。
有一种不知道怎么入手掌握它的感觉，没次想验证某个表单，我就会想着去百度下他的正则怎么写，虽然能够把效果实现出来，但是不在我自己的掌控中的东西，好虚。用jquery的validate还好记一些。 不知道其他同学是怎么学习这个的，可以给点经验吗。。
作者: 罗玉宁 时间: 2013-3-21 01:58
本帖最后由 罗玉宁 于 2013-3-21 02:02 编辑
一．创建正则表达式
创建正则表达式和创建字符串类似，创建正则表达式提供了两种方法，一种是采用new
运算符，另一个是采用字面量方式。
1.两种创建方式
varbox=newRegExp('box'); //第一个参数字符串
varbox=newRegExp('box','ig'); //第二个参数可选模式修饰符
模式修饰符的可选参数
参 数 含 义
i 忽略大小写
g 全局匹配
m 多行匹配
varbox=/box/; //直接用两个反斜杠
varbox=/box/ig; //在第二个斜杠后面加上模式修饰符
2.测试正则表达式
RegExp对象包含两个方法：test()和exec()，功能基本相似，用于测试字符串匹配。test()
方法在字符串中查找是否存在指定的正则表达式并返回布尔值，如果存在则返回true，不存
在则返回false。exec()方法也用于在字符串中查找指定正则表达式，如果exec()方法执行成
功，则返回包含该查找字符串的相关信息数组。如果执行失败，则返回null。
RegExp对象的方法
方 法 功 能
test 在字符串中测试模式匹配，返回true或false
exec 在字符串中执行匹配搜索，返回结果数组
/*使用new运算符的test方法示例*/
Var pattern=newRegExp('box','i'); //创建正则模式，不区分大小写
Var str='ThisisaBox!'; //创建要比对的字符串
alert(pattern.test(str)); //通过test()方法验证是否匹配
/*使用字面量方式的test方法示例*/
Var pattern=/box/i; //创建正则模式，不区分大小写
Var str='ThisisaBox!';
alert(pattern.test(str));
/*使用一条语句实现正则匹配*/
alert(/box/i.test('ThisisaBox!')); //模式和字符串替换掉了两个变量
/*使用exec返回匹配数组*/
varpattern=/box/i;
varstr='ThisisaBox!';
alert(pattern.exec(str)); //匹配了返回数组，否则返回null
3.使用字符串的正则表达式方法
除了test()和exec()方法，String对象也提供了4个使用正则表达式的方法。
String对象中的正则表达式方法
方 法 含 义
match(pattern) 返回pattern中的子串或null
replace(pattern,replacement) 用replacement替换pattern
search(pattern) 返回字符串中pattern开始位置
split(pattern) 返回字符串按指定pattern拆分的数组
/*使用match方法获取获取匹配数组*/
varpattern=/box/ig; //全局搜索
varstr='ThisisaBox!，ThatisaBoxtoo';
alert(str.match(pattern)); //匹配到两个Box,Box
alert(str.match(pattern).length); //获取数组的长度
/*使用search来查找匹配数据*/
varpattern=/box/ig;
varstr='ThisisaBox!，ThatisaBoxtoo';
alert(str.search(pattern)); //查找到返回位置，否则返回-1
因为search方法查找到即返回，也就是说无需g全局
/*使用replace替换匹配到的数据*/
varpattern=/box/ig;
varstr='ThisisaBox!，ThatisaBoxtoo';
alert(str.replace(pattern,'Tom')); //将Box替换成了Tom
/*使用split拆分成字符串数组*/
varpattern=//ig;
varstr='ThisisaBox!，ThatisaBoxtoo';
alert(str.split(pattern)); //将空格拆开分组成数组
作者: 罗玉宁 时间: 2013-3-21 02:01
本帖最后由 罗玉宁 于 2013-3-21 02:03 编辑
二．获取控制
正则表达式元字符是包含特殊含义的字符。它们有一些特殊功能，可以控制匹配模式的
方式。反斜杠后的元字符将失去其特殊含义。
字符类：单个字符和数字
元字符/元符号 匹配情况
。 匹配除换行符外的任意字符
[a-z0-9] 匹配括号中的字符集中的任意字符
[^a-z0-9] 匹配任意不在括号中的字符集中的字符
\d 匹配数字
\D 匹配非数字，同[^0-9]相同
\w 匹配字母和数字及_
\W 匹配非字母和数字及_
字符类：空白字符
元字符/元符号 匹配情况
\0 匹配null字符
\b 匹配空格字符
\f 匹配进纸字符
\n 匹配换行符
\r 匹配回车字符
\t 匹配制表符
\s 匹配空白字符、空格、制表符和换行符
\S 匹配非空白字符
字符类：锚字符
元字符/元符号 匹配情况
^ 行首匹配
$ 行尾匹配
\A 只有匹配字符串开始处
\b 匹配单词边界，词在[]内时无效
\B 匹配非单词边界
\G 匹配当前搜索的开始位置
\Z 匹配字符串结束处或行尾
\z 只匹配字符串结束处
字符类：重复字符
元字符/元符号 匹配情况
x? 匹配0个或1个x
x* 匹配0个或任意多个x
x+ 匹配至少一个x
(xyz)+ 匹配至少一个(xyz)
x{m,n} 匹配最少m个、最多n个x
字符类：替代字符
元字符/元符号 匹配情况
this|where|logo 匹配this或where或logo中任意一个
字符类：记录字符
元字符/元符号 匹配情况
(string) 用于反向引用的分组
\1或$1 匹配第一个分组中的内容
\2或$2 匹配第二个分组中的内容
\3或$3 匹配第三个分组中的内容
/*使用点元字符*/
varpattern=/g..gle/; //.匹配一个任意字符
varstr='google';
alert(pattern.test(str));
/*重复匹配*/
varpattern=/g.*gle/; //.匹配0个一个或多个
varstr='google'; //*,?,+,{n,m}
alert(pattern.test(str));
/*使用字符类匹配*/
varpattern=/g[a-zA-Z_]*gle/; //[a-z]*表示任意个a-z中的字符
varstr='google';
alert(pattern.test(str));
varpattern=/g[^0-9]*gle/; //[^0-9]*表示任意个非0-9的字符
varstr='google';
alert(pattern.test(str));
varpattern=/[a-z][A-Z]+/; //[A-Z]+表示A-Z一次或多次
varstr='gOOGLE';
alert(pattern.test(str));
/*使用元符号匹配*/
varpattern=/g\w*gle/; //\w*匹配任意多个所有字母数字_
varstr='google';
alert(pattern.test(str));
varpattern=/google\d*/; //\d*匹配任意多个数字
varstr='google444';
alert(pattern.test(str));
varpattern=/\D{7,}/; //\D{7,}匹配至少7个非数字
varstr='google8';
alert(pattern.test(str));
/*使用锚元字符匹配*/
varpattern=/^google$/; //^从开头匹配，$从结尾开始匹配
varstr='google';
alert(pattern.test(str));
varpattern=/goo\sgle/; //\s可以匹配到空格
varstr='google';
alert(pattern.test(str));
varpattern=/google\b/; //\b可以匹配是否到了边界
varstr='google';
alert(pattern.test(str));
/*使用或模式匹配*/
varpattern=/google|baidu|bing/; //匹配三种其中一种字符串
varstr='google';
alert(pattern.test(str));
作者: 罗玉宁 时间: 2013-3-21 02:01
本帖最后由 罗玉宁 于 2013-3-21 02:04 编辑
/*使用分组模式匹配*/
varpattern=/(google){4,8}/; //匹配分组里的字符串4-8次
varstr='googlegoogle';
alert(pattern.test(str));
varpattern=/8(.*)8/; //获取8..8之间的任意字符
varstr='Thisis8google8';
str.match(pattern);
alert(RegExp.$1); //得到第一个分组里的字符串内容
varpattern=/8(.*)8/;
varstr='Thisis8google8';
varresult=str.replace(pattern,'<strong>$1</strong>'); //得到替换的字符串输出
document.write(result);
varpattern=/(.*)\s(.*)/;
varstr='googlebaidu';
varresult=str.replace(pattern,'$2$1'); //将两个分组的值替换输出
document.write(result);
/*使用exec返回数组*/
varpattern=/^[a-z]+\s[0-9]{4}$/i;
varstr='google2012';
alert(pattern.exec(str)); //返回整个字符串
varpattern=/^[a-z]+/i; //只匹配字母
varstr='google2012';
alert(pattern.exec(str)); //返回google
varpattern=/^([a-z]+)\s([0-9]{4})$/i; //使用分组
varstr='google2012';
alert(pattern.exec(str)[0]); //google2012
alert(pattern.exec(str)[1]); //google
alert(pattern.exec(str)[2]); //2012
/*捕获性分组和非捕获性分组*/
varpattern=/(\d+)([a-z])/; //捕获性分组
varstr='123abc';
alert(pattern.exec(str));
varpattern=/(\d+)(?:[a-z])/; //非捕获性分组
varstr='123abc';
alert(pattern.exec(str));
/*使用分组嵌套*/
varpattern=/(A?(B?(C?)))/; //从外往内获取
varstr='ABC';
alert(pattern.exec(str));
/*使用前瞻捕获*/
varpattern=/(goo(?=gle))/; //goo后面必须跟着gle才能捕获
varstr='google';
alert(pattern.exec(str));
/*使用特殊字符匹配*/
varpattern=/\.\[\/b\]/; //特殊字符，用\符号转义即可
varstr='.';
alert(pattern.test(str));
/*使用换行模式*/
varpattern=/^\d+/mg; //启用了换行模式
varstr='1.baidu\n2.google\n3.bing';
varresult=str.replace(pattern,'#');
alert(result);
三．常用的正则
1.检查邮政编码
varpattern=/[1-9][0-9]{5}/; //共6位数字，第一位不能为0
varstr='224000';
alert(pattern.test(str));
2.检查文件压缩包
varpattern=/[\w]+\.zip|rar|gz/; //\d\w_表示所有数字和字母加下划线
varstr='123.zip'; //\.表示匹配.，后面是一个选择
alert(pattern.test(str));
3.删除多余空格
varpattern=/\s/g; //g必须全局，才能全部匹配
varstr='111222333';
varresult=str.replace(pattern,''); //把空格匹配成无空格
alert(result);
4.删除首尾空格
varpattern=/^\s+/; //强制首
varstr=' goo gle ';
varresult=str.replace(pattern,'');
pattern=/\s+$/; //强制尾
result=result.replace(pattern,'');
alert('|'+result+'|');
varpattern=/^\s*(.+?)\s*$/; //使用了非贪婪捕获
varstr=' google ';
alert('|'+pattern.exec(str)[1]+'|');
varpattern=/^\s*(.+?)\s*$/;
varstr=' google ';
alert('|'+str.replace(pattern,'$1')+'|'); //使用了分组获取
5.简单的电子邮件验证
varpattern=/^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-9_\.\-]+)\.([a-zA-Z]{2,4})$/;
varstr='yc60.com@gmail.com';
alert(pattern.test(str));
varpattern=/^([\w\.\-]+)@([\w\.\-]+)\.([\w]{2,4})$/;
varstr='yc60.com@gmail.com';
alert(pattern.test(str));
作者: 罗玉宁 时间: 2013-3-21 02:05
后半部分主要是各个讲解的例子代码
作者: 郝勇 时间: 2013-3-21 07:41
罗玉宁 发表于 2013-3-21 02:05 
后半部分主要是各个讲解的例子代码
这些 都要背下来么 好多啊 ！！！
作者: 谢洋 时间: 2013-3-21 10:24
罗玉宁 发表于 2013-3-21 02:01
/*使用分组模式匹配*/ varpattern=/(google){4,8}/; //匹配分组里的字符串4-8次 var ...
好东西，收收藏了
作者: 陈丽莉 时间: 2013-3-21 15:42
记得及时处理帖子哦，继续追问，或将分类改成【已解决】~
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |