转义,特殊字符
前言
正如我们所看到的,一个反斜杠 "\"
是用来表示匹配字符类的。所以它是一个特殊字符。
还存在其它的特殊字符,这些字符在正则表达式中有特殊的含义。它们可以被用来做更加强大的搜索。
这里是包含所有特殊字符的列表:[ \ ^ $ . | ? * + ( )
。
现在并不需要尝试去记住它们 —— 当我们分别处理其中的每一个时,你自然而然就会记住它们。
转义
如果要把特殊字符作为常规字符来使用,只需要在它前面加个反斜杠。
这种方式也被叫做“转义一个字符”。
比如说,我们需要找到一个点号 '.'
。在一个正则表达式中一个点号意味着“除了换行符以外的任意字符”,所以如果我们想真正表示对“一个点号”查询的时候,可以在点号前加一个反斜杠。
js
console.log("Chapter 5.1".match(/\d\.\d/)); // [ '5.1', index: 8, input: 'Chapter 5.1', groups: undefined ]
括号也是特殊字符,所以如果我们想要在正则中查找它们,我们应该使用 \(
。下面的例子会查找一个字符串 "g()"
:
js
console.log("function g()".match(/g\(\)/)); // [ 'g()', index: 9, input: 'function g()', groups: undefined ]
如果我们想查找反斜杠 \
,我们就应该使用两个反斜杠来查找:
js
console.log("1\\2".match(/\\/)); // [ '\\', index: 1, input: '1\\2', groups: undefined ]
一个斜杠
斜杠符号 '/'
并不是一个特殊符号,但是它被用于在 Javascript 中开启和关闭正则匹配:/...pattern.../
,所以我们也应该转义它。
下面是查询斜杠 '/'
的表达式:
js
console.log("/".match(/\//)); // [ '/', index: 0, input: '/', groups: undefined ]
从另一个方面看,如果使用另一种 new RegExp
方式就不需要转义斜杠:
js
console.log("/".match(new RegExp("/"))); // [ '/', index: 0, input: '/', groups: undefined ]
使用new RegExp 创建正则实例
如果我们使用 new RegExp
来创建一个正则表达式实例,那么我们需要对其做一些额外的转义。
比如说,考虑下面的示例:
js
let reg = new RegExp("\d\.\d");
console.log( "Chapter 5.1".match(reg) ); // null
它并没有正常发挥作用,但是为什么呢?
原因就在于字符串转义规则。看下面的例子:
js
console.log("\d\.\d"); // d.d
在字符串中的反斜杠表示转义或者类似 \n
这种只能在字符串中使用的特殊字符。这个引用会“消费”并且解释这些字符,比如说:
\n
—— 变成一个换行字符,\u1234
—— 变成包含该码位的 Unicode 字符,- 。。。其它有些并没有特殊的含义,就像
\d
或者\z
,碰到这种情况的话会把反斜杠移除。
如果要修复这个问题,我们需要双斜杠,因为引用会把 \\
变为 \
:
js
let regStr = "\\d\\.\\d";
console.log(regStr); // \d\.\d (correct now)
let regexp = new RegExp(regStr);
console.log("Chapter 5.1".match(regexp)); // [ '5.1', index: 8, input: 'Chapter 5.1', groups: undefined ]
总结
- 要在字面(意义)上搜索特殊字符
[ \ ^ $ . | ? * + ( )
,我们需要在它们前面加上反斜杠\
(“转义它们”)。 - 如果我们在
/.../
内部(但不在new RegExp
内部),还需要转义/
。 - 传递一个字符串(参数)给
new RegExp
时,我们需要双倍反斜杠\\
,因为字符串引号会消费其中的一个。