需要转义的字符
[ ] / \ $ ^ ( ) ? | . + * { } = ! :
转义方法：\[ \/ 等
/\/\[\!/.test('/[!') // ture
直接量
| 符号 |
含义 |
| \o |
NUL 字符 |
| \t |
制表符 |
| \n |
换行 |
| \r |
回车 |
| \xnn |
十六进制拉丁字符 |
| \uxxxx |
十六进制Unicode字符 |
字符类
| 符号 |
含义 |
| \w |
任何 ASCII字符组成的单词 = [a-zA-Z0-9] |
| \W |
除 任何 ASCII字符组成的单词 = [a-zA-Z0-9] 外字符 |
| \s |
任何 Unicode 空白符 |
| \S |
除 任何 Unicode 空白符 外字符 |
| \d |
任何 ASCII 数字 = [0-9] |
| \D |
除 任何 ASCII 数字 = [0-9] 外字符 |
| . |
除换行符和其他 Unicode 终止符以外 |
| [\b] |
退格符 |
| […] |
匹配方括号内任一字符 |
| [^…] |
不匹配方括号内任一字符 |
重复
| 符号 |
含义 |
| {n, m} |
匹配 [n, m]次 |
| {n,} |
匹配 [n, *]次 |
| {n} |
匹配 [n, n]次 |
| ? |
匹配 [0, 1] 次 |
| + |
匹配 [1, *] 次 |
| * |
匹配 [0, *] 次 |
*以上均为贪婪匹配，非贪婪匹配添加一个 ? 即可，如：??, +?, ?, {n, m}?
'aaaa'.match(/a+?/) //a
'aaaa'.match(/a+/) //aaaa
'aaaab'.match(/a+?b/) //注意：aaaab
选择、分组、引用
| 符号 |
含义 |
备注 |
| | |
选择，匹配左边字表达式或右边子表达式 |
|
| (…) |
分组，可修饰 ? + * | 等，记住与该组匹配字符 |
|
| (?:…) |
只组合，用法同 分组，但不记忆匹配字符 |
|
| \n |
和第 n 个分组第一次匹配的字符相匹配，组索引为从左到右 ( 的索引，(?…) 不编码 |
不能在字符类中使用这种引用 |
`'a'bbb'b'`.match(/(['"])[^'"]*\1/)
//含义：匹配左右引号，\1 匹配第一个括号子表达式匹配的模式
//结果：[ '\'a\'', '\'', index: 0, input: '\'a\'bbb\'b\'' ]
指定位置匹配
| 符号 |
含义 |
| ^ |
匹配开头 |
| $ |
匹配结尾 |
| \b |
匹配单词边界，即位于 \w和\W 之间，或\w 和字符串开头或结尾之间 |
| \B |
匹配非单词边界 |
| (?=p) |
零宽正向先行断言，接下来都与p匹配，但不能包括 p |
| (?!p) |
零宽负向先行断言，接下来都不与p 匹配 |
不支持后行断言，如：(?<=p) 以 p 为结尾
/Java(?!Script)([A-Z]\w*)/ //可以匹配 JavaBeans、不匹配 JavaScripter
/[Jj]ava([Ss]cript)?(?=\:)/ //可以匹配 JavaScript: 不匹配 JavaScriptbbb:
修饰符
| 符号 |
含义 |
| i |
不区分大小写匹配 |
| g |
全局匹配，找到所有匹配 |
| m |
多行匹配，^ 匹配行头，$ 匹配行尾 |
String 方法
/* 不支持全局搜索，自动忽略 g, 参数可以是字符串，自动转换正则式
-----返回匹配子串起始位置-----
return 4
*/
const searchRegx = /script/i;
'JavaScript'.search(searchRegx);
/* -----返回数组-----
match[0] 返回完整匹配，match[n] = $n
return ['1', '2', '3']
*/
const matchRegx = /\d+/g;
'1 plus 2 equal 3'.match(matchRegx)
/* -----用于查找和替换-----
1. 使用函数做参数
match 匹配子串
p1,p2... = $1,$2...
offset 偏移量
string 原串
*/
function replacer(match, p1, p2, p3, offset, string) {
// p1 is nondigits, p2 digits, and p3 non-alphanumerics
return [p1, p2, p3].join(' - ');
}
var newString = 'abc12345#$*%'.replace(/([^\d]*)(\d*)([^\w]*)/, replacer);
// 另： /([^\d]*)(\d*)([^\w]*)/ == /(\D*)(\d*)(\W*)/
// return abc-123345-#$*%
/* 2. 使用字符串做参数
$n
$$ 插入 $
$& 插入匹配字符串
$` 插入当前子串左边的内容
$' 插入当前子串右边的内容
*/
'"abc"bbb'.replace(/"([^"]*)"/g, '$1new');
// abcnewbbb
'bbb"abc"'.replace(/"([^"]*)"/g, '$`');
// bbbbbb
'bbb"abc"right'.replace(/"([^"]*)"/g, `$'`);
// bbbrightright
'bbb"abc""right"'.replace(/"([^"]*)"/g, `$'`);
//bbb"right"
//另：可用于平移字符
'1, 2, 3, 4'.split(/\s*, \s*/);
// [1, 2, 3, 4]
RegExp
// 注意: \\d
var zipcode = new RegExp("\\d{5}", "g");
// 等价。注意 lastIndex 的最后取值需要手动置为 0。
zipcode.test("ziprc"); //返回 true
zipcode.exec("ziprc"); // 返回本次匹配结果
参考
30分钟了解正则表达式
精通正则表达式
JavaScript 高级程序设计
