咱们在开始正题之前先明白几个名词:ECMAScript,JavaScript,JScript。
其实用通俗一点的话来概括就是:ECMAscript是后两者的“老大”,ECMAScript是比较标准的脚本程序设计语言,而JavaScript和JScript是ECMAscript的扩展和实现。
什么是正则表达式?
当用户输入数据并单击按钮以后,要返回到服务器端进行一系列的验证,确认数据的输入格式是否正确,然后再进行其他方面的验证!服务器要做的很多,如果我们每个数据都要这样放到服务器端进行基础格式的验证,是非常大材小用并且耗费资源的,所以JS就引进了正则表达式来把一些关于数据的基础性的验证(比如格式是否正确,是否是数字等)放在客户端,而服务器只进行单击按钮以后的复杂的验证,这样就大大减少了服务器的负担,并且也增强了用户体验!
正则表达式的创建有两种方式:new运算符创建或者字面量方式创建
new运算符创建:
var box = new RegExp('Box','ig');//new运算符创建,第二个参数是可选的模式修饰符
字面量方式创建:
var box = /Box/ig;//字面量方式创建,第二个参数是可选的模式修饰符
可选修饰符的表达式和代表的意思为:
正则表达式是如何工作的呢?
1、利用RegExp类的两个方法:test()、exec();
test()方法:
var Box=new ('Box'); //用new运算符创建正则表达式,注意是否有修饰符
var str=' This is a box';
alert(Box.test(str));//因为“This is a box”里面不包含“Box”,所以返回false。
var Box=/Box/i;//用字面量方法创建爱你正则表达式,注意修饰符
var str=' This is a box';
alert(Box.test(str));//根据修饰符“i”可以知道,此正则表达式匹配的时候不区分大小写,又因为“This is a box”里面包含“Box”,所以返回true
exec()方法:
var pattern = /box/i; //注意修饰符
var str = 'This is a Box!, This is a Box!';
alert(pattern.exec(str));//因为字符串中“This is a Box! This is a Box!”里面有“box”而且pattern不区分大小写,所以返回Box。
2、String类的四种使用正则表达式的方法
下面只举两个例子来说明用法:
var pattern = /box/ig; //在全局下不区分大小写
var str = 'This is a Box!,That is a Box too';
alert(str.search(pattern)); //从字符串的第一个字符为“0”数起,一个空格算一个字符,那么第一个出现pattern,也就是“box”的字符序号为10,所以返回值为10.
split方法:
var pattern = / /ig; //以空格作为正则表达式,不区分大小写,作用域全局
var str = 'This is a Box!,That is a Box too';
alert(str.split(pattern));//将str变量所代表的字符串以空格分隔开组成数组,返回值为:[This,is,a,Box!,That,is,a,Box,too]以逗号隔开的数组。
还可以用字符代表书写正则表达式:
元字符/元符号 | 匹配情况 |
. | 匹配除换行符外的任意字符 |
[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 | 匹配第三个分组中的内容 |
常用的正则表达式用到了以上表中的标记:
1、检查邮政编码
var pattern = /[1-9][0-9]{5}/; 共 6 位数字,第一位不能为 0
var str = '224000';
alert(pattern.test(str));
2、简单的电子邮件认证
var pattern = /^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-9_\.\-]+)\.([a-zA-Z]{2,4})$/;
var str = 'yc60.com@gmail.com';
alert(pattern.test(str));
var pattern = /^([\w\.\-]+)@([\w\.\-]+)\.([\w]{2,4})$/;
var str = 'yc60.com@gmail.com';
alert(pattern.test(str));
总结:
这些只是基础知识的应用,以后只有在项目中才可以得到更好的应用,在此只是做积累!