正则表达式

1.创建正则表达式

• var box = new RegExp('box');                            //第一个参数字符串

  var box = new RegExp('box', 'ig');                      //第二个参数可选模式修饰符

• var box = /box/;                                                //直接用两个反斜杠

  var box = /box/ig;                                             //在第二个斜杠后面加上模式修饰符

模式修饰符的可选参数

参  数	参  数
i	忽略大小写
g	全局匹配
m	多行匹配

---

2.判定字符串是否满足正则规则

RegExp对象的方法

方  法	功  能
test	判定字符串是否满足正则规则，满足返回true，不满足返回false
exec	判定字符串是否满足正则规则，满足返回结果数组，不满足返回null

使用时是 RegExp对象.test(字符串)，RegExp对象.exec(字符串)

/*使用字面量方式的test方法示例*/

var pattern = /box/i;                                           //创建正则模式，不区分大小写

var str = 'This is a Box!';

console.log(pattern.test(str));                                       // true

/*使用一条语句实现正则匹配*/

console.log(/box/i.test('This is a Box!'));                       //模式和字符串替换掉了两个变量

/*使用exec返回匹配数组*/

var pattern = /box/i;

var pattern1 = /boxs/i;

var str = 'This is a Box!';

console.log(pattern.exec(str));                                     //Box

console.log(pattern1.exec(str));                                     //null

String对象中的正则表达式方法

方  法	含  义
match(pattern)	满足返回pattern中的子串，不满足返回null
replace(pattern, replacement)	用replacement替换pattern
search(pattern)	返回字符串中pattern开始位置,否则返回 -1
split(pattern)	返回字符串按指定pattern拆分的数组

使用时是 字符串.match(规则)，字符串.replace(规则)

/*使用match方法获取获取匹配数组*/

var pattern = /box/ig;                                        //全局搜索

var str = 'This is a Box!，That is a Box too';

console.log(str.match(pattern));                                    //Box,Box

console.log(str.match(pattern).length);                         //2

/*使用search来查找匹配数据*/

var pattern = /box/ig;

var str = 'This is a Box!，That is a Box too';

console.log(str.search(pattern));                                    //10

PS：因为search方法查找到即返回，也就是说无需g全局

/*使用replace替换匹配到的数据*/

var pattern = /box/ig;

var str = 'This is a Box!，That is a Box too';

console.log(str.replace(pattern, 'Tom'));                        //将Box替换成了Tom

/*使用split拆分成字符串数组*/

var pattern = /,/ig;

var str = 'This is a Box!,That is a Box too';

console.log(str.split(pattern));                                      //["This is a Box!", "That is a Box too"]

---

 3. 正则表达式的规则

字符类：单个字符和数字

元字符/元符号	匹配情况
.	匹配除换行符外的任意字符
[a-z0-9]	匹配括号中的字符集中的任意字符
[^a-z0-9]	匹配任意不在括号中的字符集中的字符
\d	匹配数字
\D	匹配非数字，同[^0-9]相同
\w	匹配字母和数字及_
\W	匹配非字母和数字及_

 /*使用字符类匹配*/

var pattern = /g[^0-9]*gle/;                                //[^0-9]*表示任意个非0-9的字符

var str = 'google';

console.log(pattern.test(str));                           // true

/*使用元符号匹配*/

var pattern = /g\w*gle/;                                     //\w*匹配任意多个所有字母数字_

var str = 'gooffresfgr5y657_gle';

console.log(pattern.test(str));                           // true

字符类：空白字符

元字符/元符号	匹配情况
\0	匹配null字符
\b	匹配空格字符
\f	匹配进纸字符
\n	匹配换行符
\r	匹配回车字符
\t	匹配制表符
\s	匹配空白字符、空格、制表符和换行符
\S	匹配非空白字符

字符类：锚字符

元字符/元符号	匹配情况
^	行首匹配，以...开头
$	行尾匹配，以...结尾
\A	只有匹配字符串开始处，忽略其他
\b	匹配单词边界，词在[ ]内时无效
\B	匹配非单词边界
\G	匹配当前搜索的开始位置
\Z	匹配字符串结束处或行尾
\z	只匹配字符串结束处

 /*使用锚元字符匹配*/

var pattern = /^google$/;                                    //^从开头匹配，$从结尾开始匹配

var str = 'google';

console.log(pattern.test(str));                                // true

var pattern = /goo\sgle/;                                     //\s可以匹配到空格            

var str = 'goo gle';

console.log(pattern.test(str));                                // true

var pattern = /google\b/;                                    //\b可以匹配是否到了边界               

var str = 'google';

console.log(pattern.test(str));                                // true

字符类：重复字符

元字符/元符号	匹配情况	贪婪	惰性
x?	匹配0个或1个x	x?	x??
x*	匹配0个或任意多个x	x*	x*?
x+	匹配至少一个x	x+	x+?
(xyz)+	匹配至少一个(xyz)	(xyz)+	(xyz)+?
x{m,n}	匹配最少m个、最多n个x	x{m,n}	x{m,n}?

var pattern = /\D{7,}/;                                       //\D{7,}匹配至少7个非数字     

var str = 'google8';

var str2 = 'googleevvscsd8';

console.log(pattern.test(str));                                      // false

console.log(pattern.test(str2));                                   // true

var pattern = /8(.+?)8/g;                                    //禁止了贪婪，开启的全局

var str = 'This is 8google8, That is 8google8, There is 8google8';

console.log(str.match(pattern))                // ["8google8", "8google8", "8google8"]

var result = str.replace(pattern,'<strong>$1</strong>');

console.log(result);

字符类：替代字符

元字符/元符号	匹配情况
a|b|c	匹配a或b或c中任意一个

字符类：记录字符

元字符/元符号	匹配情况
(string)	用于反向引用的分组
\1或$1	匹配第一个分组中的内容
\2或$2	匹配第二个分组中的内容
\3或$3	匹配第三个分组中的内容

正则表达式以( )进行分组，每个括号一个组，以 $1/ \1 进行获取分组内容

/*使用分组模式匹配*/

var pattern = /(google){4,8}/;                             //匹配分组里的字符串4-8次            

var str = 'googlegoogle';

console.log(pattern.test(str));                                // false

var pattern = /8(.*)8/;                                        //获取8..8之间的任意字符

var str = 'This is 8google8';

str.match(pattern);                                           

console.log(RegExp.$1);                                       //得到第一个分组里的字符串内容

var pattern = /8(.*)8/;    

var str = 'This is 8google8';

var result = str.replace(pattern,'<strong>$1</strong>');        //得到替换的字符串输出

console.log(result);                                     // "This is <strong>google</strong>"    

var pattern = /(.*)\s(.*)/;

var str = 'google baidu';

var result = str.replace(pattern, '$2 $1');               //将两个分组的值替换输出

console.log(result);                             

---

4. 常用正则表达式

1. 检查邮政编码

var pattern = /[1-9][0-9]{5}/;                             //共6位数字，第一位不能为0

var str = '224000';

console.log(pattern.test(str));

2. 检查文件压缩包

var pattern = /[\w]+\.zip|rar|gz/;                         //\w表示所有数字和字母加下划线

var str = '123.zip';                                             //\.表示匹配.，后面是一个选择

console.log(pattern.test(str));

3. 删除多余空格

var pattern = /\s/g;                                            //g必须全局，才能全部匹配

var str = '111 222 333';

var result = str.replace(pattern,'');                       //把空格匹配成无空格

console.log(result);

4. 删除首尾空格

var pattern = /^\s+/;                                           //强制首

var str = '          goo  gle            ';

var result = str.replace(pattern, '');

pattern = /\s+$/;                                                //强制尾

result = result.replace(pattern, '');

console.log('|' + result + '|');

var pattern = /^\s*(.+?)\s*$/;                              //使用了非贪婪捕获

var str = '            google          ';

console.log('|' + pattern.exec(str)[1] + '|');

var pattern = /^\s*(.+?)\s*$/; 

var str = '            google          ';

console.log('|' + str.replace(pattern, '$1') + '|');                //使用了分组获取

5. 简单的电子邮件验证

var pattern = /^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-9_\.\-]+)\.([a-zA-Z]{2,4})$/;

var str = 'yc60.com@gmail.com';

console.log(pattern.test(str));

var pattern = /^([\w\.\-]+)@([\w\.\-]+)\.([\w]{2,4})$/;

var str = 'yc60.com@gmail.com';

console.log(pattern.test(str));