js正则表达式 小记
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);