方形括号的用法
[] 用于查找某个范围内的字符
- /[helo]/ 匹配h或e或l或o
- /[^helo]/ 匹配非helo部分
- /^[0-9]$/ 匹配一个0-9的数字
- /^[a-z]$/ 匹配一个a-z的字母
- /[a-z0-9]/ 匹配a到z或者0到9
示例-禁止在表单中输入非字母
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<input type="text"
onkeyup="regExp=/[^a-z]/ig; this.value=this.value.replace(regExp,'');"
onblur="regExp=/[^a-z]/ig; this.value=this.value.replace(regExp,'');"/>
</body>
</html>
预定义类
| 元字符 |
等同于 |
作用 |
| \w |
[a-zA-Z0-9_] |
匹配字母数字和下划线 |
| \W |
[^a-zA-Z0-9_] |
匹配非字母数字和下划线 |
| \d |
[0-9] |
匹配数字 |
| \D |
[^0-9] |
匹配非数字 |
| \s |
[\n\r\t\f\x0B] |
匹配一个空白字符 |
| \S |
[^\n\r\t\f\x0B] |
匹配一个非空白字符 |
| 元字符 |
作用 |
| \b |
匹配字符串边界 |
| \B |
匹配非字符串边界 |
| \n |
匹配换行符 |
| \f |
匹配换页符 |
| \r |
匹配回车符 |
| \t |
匹配制表符 |
| \v |
匹配垂直制表符 |
| \xxx |
匹配以八进制数xxx规定的字符 |
| \xdd |
匹配以16进制数dd规定的字符 |
| \uxxxx |
匹配以十六进制数xxxx规定的Unicode字符 |
| . |
查找单个字符，除了换行和行结束符 |
附: Unicode编码可以上网搜索unicode编码工具来查询
边界符匹配示例
var s = "abc456 bc";
r = /bc\b/g;
console.log(s.replace(r,''));
量词
| 量词 |
作用 |
| * |
表示匹配0个或任意多个 |
| + |
表示匹配1个或多个 |
| ? |
表示匹配0个或1个 |
| {m,n} |
表示匹配m~n个，包括m和n |
| {m} |
匹配m个，包含m个 |
| {m,} |
匹配至少m个，包括m个 |
量词 * 示例
var str = "abcdEFG!@#$_.\n 123124";
var r = /.*/mg;
console.log(str.replace(r, ''));
console.log(str.replace(r, '').length);
量词 + 示例
var str = "abcdEFG!@#$_.\n 123124";
var r = /.+/mg;
console.log(str.replace(r, ''));
console.log(str.replace(r, '').length);
量词 {m,n} 示例
var str = "abcdEFG!@#$_.\n 123124";
var r = /.{4,10}/;
console.log(str.length);
console.log(str.replace(r, '').length);
console.log(str.replace(r, '').length);
其他
| 其他 |
作用 |
| ?=n |
匹配任何其后紧跟指定字符串n的字符串 |
| ?!n |
匹配任何其后没有紧跟指定字符串n的字符串 |
| ()+ |
匹配至少一个模式 |
| | |
或模式匹配 |
| (.*) |
替代字符,除了换行和行结束符 |
| (.*?) |
惰性模式，上一个为贪婪模式 |
| $1-$… |
获取替代字符查到的字符 |