js正则表达式小记

javascript
发表于 7年前 (2017-02-26)
暂无评论
阿举

1.创建正则表达式 new方式和字面量方式

var zhangxingju = new RegExp('zhangxingju');   //第一个参数字符串
console.log(zhangxingju);   //    /zhangxingju/
console.log(typeof zhangxingju);    //  object

var wtsxia = new RegExp('wtsxia','gi');   //第二个参数可选模式修饰符
console.log(wtsxia);        //   /wtsxia/gi

var box=/box/;  //字面量方式  直接用两个反斜杠
var box=/box/gi;  //在第二个斜杠后面加上模式修饰符

2.模式修饰符的可选参数

修饰符	描述
i	执行对大小写不敏感的匹配。
g	执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m	执行多行匹配。

3.RegExp对象的两个方法test()和exec()
test()方法在字符串中查找是否存在指定的正则表达式并返回布尔值，如果存在则返回 true，不存在则返回 false
exec()方法也用于在字符串中查找指定正则表达式，如果 exec()方法执行成功，则返回包含该查找字符串的相关信息数组。如果执行失败，则返回 null

/*使用 new 运算符的 test 方法示例*/
var pattern = new RegExp('box','i');   //创建正则
var str = 'this is a Box';           //创建要比对的字符串
console.log(pattern.test(str));    //验证结果为 true  

/*使用字面量方式的 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'));    //true

/*使用 exec 返回匹配数组*/
var pattern = /box/i;
var str = 'This is a Box';
console.log(pattern.exec(str));  //["Box", index: 10, input: "This is a Box"]

var pattern = /box1111/i;
var str = 'This is a Box';
console.log(pattern.exec(str));  // null

4.支持正则表达式的 String 对象的方法

方法	描述
search(pattern)	检索与正则表达式相匹配的值,返回字符串中pattern开始位置
match(pattern)	找到一个或多个正则表达式的匹配,返回pattern中的自串或null
replace(pattern,replacement)	替换与正则表达式匹配的子串，用replacement替换pattern
split(pattern)	把字符串分割为字符串数组。

//注意这里就是字符串的方法了 不是正则的
/*使用 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)); //查找到返回位置，否则返回-1   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 This is a Tom!，That is a Tom too

/*使用 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"]

5.正则表达式元字符是包含特殊含义的字符。它们有一些特殊功能，可以控制匹配模式的方式。反斜杠后的元字符将失去其特殊含义。
字符类：单个字符和数字

元字符/元符号	匹配情况
.	匹配除换行符外的任意字符
[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	匹配第三个分组中的内容

/*使用点元字符*/
var pattern = /g..gle/;	//.匹配一个任意字符
var str = 'google';
console.log(pattern.test(str));   //true

/*重复匹配*/
var pattern = /g.*gle/;		//.匹配0个一个或多个
var str = 'google';		//*,?,+,{n,m}
console.log(pattern.test(str)); 

/*使用字符类匹配*/
var pattern = /g[a-zA-Z_]*gle/;	 //[a-z]*表示任意个a-z中的字符
var str = 'google';
console.log(pattern.test(str));

var pattern = /g[^0-9]*gle/;	//[^0-9]*表示任意个非0-9的字符
var str = 'google';
console.log(pattern.test(str));

var pattern = /[a-z][A-Z]+/;	//[A-Z]+表示A-Z一次或多次
var str = 'gOOGLE';
console.log(pattern.test(str));

/*使用元符号匹配*/
var pattern = /g\w*gle/;	//\w*匹配任意多个所有字母数字_
var str = 'google';
console.log(pattern.test(str));

var pattern = /google\d*/;	//\d*匹配任意多个数字				
var str = 'google444';
console.log(pattern.test(str));

var pattern = /\D{7,}/;		//\D{7,}匹配至少7个非数字	
var str = 'google8';
console.log(pattern.test(str));

/*使用锚元字符匹配*/
var pattern = /^google$/;  //^从开头匹配，$从结尾开始匹配
var str = 'google';
console.log(pattern.test(str));

var pattern = /goo\sgle/; //\s可以匹配到空格		
var str = 'goo gle';
console.log(pattern.test(str));

var pattern = /google\b/;	//\b可以匹配是否到了边界			
var str = 'google';
console.log(pattern.test(str));

/*使用或模式匹配*/
var pattern = /google|baidu|bing/; //匹配三种其中一种字符串
var str = 'google';
console.log(pattern.test(str));

/*使用分组模式匹配*/
var pattern = /(google){4,8}/;		//匹配分组里的字符串4-8次		
var str = 'googlegoogle';
console.log(pattern.test(str));

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,'$1'); //得到替换的字符串输出
console.log(result);						

var pattern = /(.*)\s(.*)/;
var str = 'google baidu';
var result = str.replace(pattern, '$2 $1');	//将两个分组的值替换输出
console.log(result);

6.贪婪和惰性

贪婪	惰性
+	+?
?	??
*	*?
{n}	{n}?
{n,}	{n,}?
{n,m}	{n,m}?

/*关于贪婪和惰性*/
var pattern = /[a-z]+?/;	//?号关闭了贪婪匹配，只替换了第一个
var str = 'abcdefjhijklmnopqrstuvwxyz';
var result = str.replace(pattern, 'xxx');
console.log(result);

var pattern = /8(.+?)8/g;	//禁止了贪婪，开启的全局
var str = 'This is 8google8, That is 8google8, There is 8google8';
var result = str.replace(pattern,'$1');
console.log(result);	

var pattern = /8([^8]*)8/g;	//另一种禁止贪婪
var str = 'This is 8google8, That is 8google8, There is 8google8';
var result = str.replace(pattern,'$1');
console.log(result);	

/*使用exec返回数组*/
var pattern = /^[a-z]+\s[0-9]{4}$/i;
var str = 'google 2012';
console.log(pattern.exec(str));		//返回整个字符串

var pattern = /^[a-z]+/i;		//只匹配字母
var str = 'google 2012';
console.log(pattern.exec(str));		//返回google

var pattern = /^([a-z]+)\s([0-9]{4})$/i;  //使用分组
var str = 'google 2012';
console.log(pattern.exec(str)[0]);	//google 2012
console.log(pattern.exec(str)[1]);	//google
console.log(pattern.exec(str)[2]);	//2012

/*捕获性分组和非捕获性分组*/
var pattern = /(\d+)([a-z])/;	//捕获性分组
var str = '123abc';
console.log(pattern.exec(str));

var pattern = /(\d+)(?:[a-z])/;	   //非捕获性分组
var str = '123abc';
console.log(pattern.exec(str));

/*使用分组嵌套*/
var pattern = /(A?(B?(C?)))/;	//从外往内获取
var str = 'ABC';
console.log(pattern.exec(str));

/*使用前瞻捕获*/
var pattern = /(goo(?=gle))/;	//goo后面必须跟着gle才能捕获
var str = 'google';
console.log(pattern.exec(str));

/*使用特殊字符匹配*/
var pattern = /\.\[\/b\]/;	//特殊字符，用\符号转义即可
var str = '.[/b]';
console.log(pattern.test(str));

/*使用换行模式*/
var pattern = /^\d+/mg;	 //启用了换行模式
var str = '1.baidu\n2.google\n3.bing';
var result = str.replace(pattern, '#');
console.log(result);