正则表达式是匹配模式,要么匹配字符,要么匹配位置。 请记住这句话。
1.正则表达式字符匹配攻略
字符组 | 具体含义 |
---|---|
\d | 表示 [0-9]。表示是一位数字。记忆方式:其英文是 digit(数字)。 |
\D | 表示 [^0-9]。表示除数字外的任意字符。 |
\w | 表示 [0-9a-zA-Z_]。表示数字、大小写字母和下划线。记忆方式:w 是 word 的简写,也称单词字符。 |
\W | 表示 [^0-9a-zA-Z_]。非单词字符。 |
\s | 表示 [ \t\v\n\r\f]。表示空白符,包括空格、水平制表符、垂直制表符、换行符、回车符、换页符。记忆方式:s 是 space 的首字母,空白符的单词是 white space。 |
\S | 表示 [^ \t\v\n\r\f]。 非空白符。 |
. | 表示 [^\n\r\u2028\u2029]。通配符,表示几乎任意字符。换行符、回车符、行分隔符和段分隔符除外。记忆方式:想想省略号 … 中的每个点,都可以理解成占位符,表示任何类似的东西。 |
量词 | 具体含义 |
---|---|
{m,} | 表示至少出现 m 次。 |
{m} | 等价于 {m,m},表示出现 m 次。 |
? | 等价于 {0,1},表示出现或者不出现。记忆方式:问号的意思表示,有吗? |
+ | 等价于 {1,},表示出现至少一次。记忆方式:加号是追加的意思,得先有一个,然后才考虑追加。 |
* | 等价于 {0,},表示出现任意次,有可能不出现。记忆方式:看看天上的星星,可能一颗没有,可能零散有几颗,可能数也数不过来。 |
惰性量词 | 贪婪量词 |
---|---|
{m,n}? | {m,n} |
{m,}? | {m,} |
?? | ? |
+? | + |
*? | * |
匹配颜色
1 | var regex = /#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})/g; |
匹配时间
1 | var regex = /^(0?[0-9]|1[0-9]|[2][0-3]):(0?[0-9]|[1-5][0-9])$/; |
匹配日期
1 | var regex = /^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$/; |
window 操作系统文件路径
1 | var regex = /^[a-zA-Z]:\\([^\\:*<>|"?\r\n/]+\\)*([^\\:*<>|"?\r\n/]+)?$/; |
匹配 id
1 | var regex = /id=".*?"/ |
2.正则表达式位置匹配攻略
位置(锚)是相邻字符之间的位置
1 | // ^(脱字符)匹配开头,在多行匹配中匹配行开头。 |
把位置理解空字符,是对位置非常有效的理解方式。
不匹配任何东西的正则
1 | 让你写个正则不匹配任何东西 |
数字的千位分隔符表示法
1 | var regex = /(?!^)(?=(\d{3})+$)/g; |
验证密码问题
1、 简化
不考虑“但必须至少包括 2 种字符”这一条件。我们可以容易写出:
1 | var regex = /^[0-9A-Za-z]{6,12}$/; |
2、 判断是否包含有某一种字符 假设,要求的必须包含数字,怎么办?此时我们可以使用 (?=.*[0-9]) 来做。
因此正则变成:
1 | var regex = /(?=.*[0-9])^[0-9A-Za-z]{6,12}$/; |
3、 同时包含具体两种字符 比如同时包含数字和小写字母,可以用 (?=.[0-9])(?=.[a-z]) 来做。
因此正则变成:
1 | var regex = /(?=.*[0-9])(?=.*[a-z])^[0-9A-Za-z]{6,12}$/; |
4、 解答我们可以把原题变成下列几种情况之一:
• 同时包含数字和小写字母
• 同时包含数字和大写字母
• 同时包含小写字母和大写字母
• 同时包含数字、小写字母和大写字母
• 以上的 4 种情况是或的关系(实际上,可以不用第 4 条)。
最终答案是:1
2
3
4
5
6
7
8var regex = /((?=.*[0-9])(?=.*[a-z])|(?=.*[0-9])(?=.*[A-Z])|(?=.*[a-z])(?=.*[A-
Z]))^[0-9A-Za-z]{6,12}$/;
console.log( regex.test("1234567") ); // false 全是数字
console.log( regex.test("abcdef") ); // false 全是小写字母
console.log( regex.test("ABCDEFGH") ); // false 全是大写字母
console.log( regex.test("ab23C") ); // false 不足6位
console.log( regex.test("ABCDEF234") ); // true 大写字母和数字
console.log( regex.test("abcdEF234") ); // true 三者都有
5、 解惑上面的正则看起来比较复杂,只要理解了第二步,其余就全部理解了。
1 | /(?=.*[0-9])^[0-9A-Za-z]{6,12}$/ |
对于这个正则,我们只需要弄明白 (?=.*[0-9])^
即可。
分开来看就是 (?=.*[0-9])
和 ^
。
表示开头前面还有个位置(当然也是开头,即同一个位置,想想之前的空字符类比)。(?=.*[0-9])
表示该位置后面的字符匹配.*[0-9]
,即,有任何多个任意字符,后面再跟个数字。
翻译成大白话,就是接下来的字符,必须包含个数字。
6、 另外一种解法“至少包含两种字符”的意思就是说,不能全部都是数字,也不能全部都是小写字母,也不能全部都是大写
字母。
那么要求“不能全部都是数字”,怎么做呢? (?!p)
出马!
对应的正则是:1
var regex = /(?!^[0-9]{6,12}$)^[0-9A-Za-z]{6,12}$/;
最终答案是:1
2
3
4
5
6
7var regex = /(?!^[0-9]{6,12}$)(?!^[a-z]{6,12}$)(?!^[A-Z]{6,12}$)^[0-9A-Za-z]{6,12}$/;
console.log( regex.test("1234567") ); // false 全是数字
console.log( regex.test("abcdef") ); // false 全是小写字母
console.log( regex.test("ABCDEFGH") ); // false 全是大写字母
console.log( regex.test("ab23C") ); // false 不足6位
console.log( regex.test("ABCDEF234") ); // true 大写字母和数字
console.log( regex.test("abcdEF234") ); // true 三者都有
3.正则表达式括号的作用
字符串 trim 方法模拟
trim 方法是去掉字符串的开头和结尾的空白符。有两种思路去做。
第一种,匹配到开头和结尾的空白符,然后替换成空字符。如:
1 | function trim(str) { |
第二种,匹配整个字符串,然后用引用来提取出相应的数据:
1 | function trim (str) { |
这里使用了惰性匹配 *?,不然也会匹配最后一个空格之前的所有空格的。
当然,前者效率高。
将每个单词的首字母转换为大写
1 | function titleize (str) { |
驼峰化
1 | function camelize (str) { |
中划线化
1 | function dasherize (str) { |
HTML 转义和反转义
1 | // 将HTML特殊字符转换成等值的实体 |
其中使用了用构造函数生成的正则,然后替换相应的格式就行了,这个跟本章没多大关系。
倒是它的逆过程,使用了括号,以便提供引用,也很简单,如下:
1 | // 实体字符转换为等值的HTML。 |
通过 key 获取相应的分组引用,然后作为对象的键。
匹配成对标签
要求匹配:
1 | <title>regular expression</title> |
不匹配:
1 | <title>wrong!</p> |
匹配一个开标签,可以使用正则<[^>]+>
,
匹配一个闭标签,可以使用 <\/[^>]+>
,
但是要求匹配成对标签,那就需要使用反向引用,如:
1 | var regex = /<([^>]+)>[\d\D]*<\/\1>/; |
其中开标签 <[\^>]+>
改成 <([^>]+)>
,使用括号的目的是为了后面使用反向引用,
而提供分组。闭标签使用了反向引用,<\/\1>
。
另外,[\d\D]
的意思是,这个字符是数字或者不是数字,因此,也就是匹配任意字符的意思。