方形括号的用法
[] 用于查找某个范围内的字符
- /[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-$… |
获取替代字符查到的字符 |