3日 十月 2019
本资料仅提供以下语言版本:English, Русский。请 帮助我们 将其翻译为 简体中文 版本。

集合和范围 [...]

在方括号 […] 中的几个字符或者字符类意味着“搜索给定的字符中的任意一个”。

集合

比如说,[eao] 意味着查找在 3 个字符 'a''e' 或者 `‘o’ 中的任意一个。

这被叫做一个集合。集合可以在正则表达式中和其它常规字符一起使用。

// 查找 [t 或者 m],然后再匹配 “op”
alert( "Mop top".match(/[tm]op/gi) ); // "Mop", "top"

请注意尽管在集合中有多个字符,但它们在匹配中只会对应其中的一个。

所以下面的示例并不会匹配上:

// 查找 “V”,然后匹配 [o 或者 i],之后再匹配 “la”
alert( "Voila".match(/V[oi]la/) ); // null,并没有匹配上

这个模式会做以下假设:

  • V
  • 然后匹配其中的一个字符 [oi]
  • 然后匹配 V

所以可以匹配上 Vola 或者 Vila

范围

方括号也可以包含字符范围

比如说,[a-z] 会匹配从 az 范围内的字母,[0-5] 表示从 05 的数字。

在下面的示例中,我们会查询首先匹配 "x" 字符,再匹配两个数字或者位于 AF 范围内的字符。

alert( "Exception 0xAF".match(/x[0-9A-F][0-9A-F]/g) ); // xAF

请注意在 Exception 这个词中有一个子字符串 xce。它并没有匹配上配置的正则模式,因为它的字母是小写的,而在集合 [0-9A-F] 中需要匹配的字母是大写的。

如果我们也想要能在正则表达式中找到这个字符串,我们可以增加范围 a-f 得到正则模式:[0-9A-Fa-f]。在正则表达中使用 i 标记也表示允许匹配小写字母。

字符类是某些字符集合的缩写。

比如说:

  • \d —— 表示的意思和 [0-9] 一样,
  • \w —— 表示的意思和 [a-zA-Z0-9_] 一样,
  • \s —— 表示的意思和 [\t\n\v\f\r ] 加上其它一些 unicode 编码的空格一样。

我们也可以在 […] 内部使用字符类。

比如说,我们想要匹配所有单词字符或者短划线,类似像 “twenty-third” 之类的单词。我们不能使用 \w+ 来匹配,因为 \w 并不包含一个短划线。但是我们可以使用 [\w-] 来查找。

我们也可以使用字符类的组合来覆盖每个可能的字符,比如说像 [\s\S]。这会匹配任何空格或者非空格的字符 —— 也就是任何字符。这个匹配范围会比符号点 "." 的范围更广,因为点匹配只能匹配除了换行符之外的所有字符。

排除范围

除了普通的范围匹配,还有类似 [^…] 的“排除”范围匹配。

它们通过在匹配查询的开头添加插入符号 ^ 来表示,它会匹配所有除了给定的字符之外的任意字符。

比如说:

  • [^aeyo] —— 匹配任何除了 'a''e''y' 或者 'o' 之外的字符。
  • [^0-9] —— 匹配任何除了数字之外的字符,也可以使用 \D 来表示。
  • [^\s] —— 匹配任何非空字符,也可以使用 \S 来表示。

下面的示例查询除了字母,数字和空格之外的任意字符:

alert( "alice15@gmail.com".match(/[^\d\sA-Z]/gi) ); // @ and .

在 […] 中不转义

通常当我们的确需要查询点字符时,我们需要把它转义成像 \. 这样的形式。如果我们需要查询一个反斜杠,我们需要使用 \\

在方括号表示中,绝大多数特殊字符可以在不转义的情况下使用:

  • 表示一个点符号 '.'
  • 表示一个加号 '+'
  • 表示一个括号 '( )'
  • 在开头或者结尾表示一个破折号(在这些位置该符号表示的就不是一个范围) `pattern:’-’。
  • 在不是开头的位置表示一个插入符号(在开头位置该符号表示的是排除)'^'
  • 表示一个开口的方括号符号 '['

换句话说,除了在方括号中有特殊含义的字符外,其它所有特殊字符都是允许不添加反斜杠的。

一个在方括号中的点符号 "." 表示的就是一个点字符。查询模式 [.,] 将会寻找一个为点或者逗号的字符。

在下面的示例中,[-().^+] 会查找 -().^+ 的其中任意一个字符:

// 并不需要转义
let reg = /[-().^+]/g;

alert( "1 + 2 - 3".match(reg) ); // 匹配 +,-

。。。但是如果你为了“以防万一”转义了它们,这也不会有任何问题:

//转义其中的所有字符
let reg = /[\-\(\)\.\^\+]/g;

alert( "1 + 2 - 3".match(reg) ); // 仍能正常工作:+,-

任务

我们有一个正则表达式 /Java[^script]/

它会和字符串 Java 中的任何一部分匹配吗?会和字符串 JavaScript 任何一部分匹配吗?

·答案:没有,是的

  • 在脚本 Java 中它并不会匹配到任何字符串,因为 [^script] 表示的是“除了给定的字符之外的任何字符”。所以这个正则会查找 "Java" 之后是否有匹配这个规则的符号,但是这已经是整个字符串的结尾了,在其之后并没有任何符号。

    alert( "Java".match(/Java[^script]/) ); // null
  • 是的,因为正则表达式是大小写敏感的,[^script] 部分匹配到了字符 "S"

    alert( "JavaScript".match(/Java[^script]/) ); // "JavaS"

时间可以通过 hours:minutes 或者 hours-minutes 格式来表示。小时和分钟都有两个数字:09:00 或者 21-30

写一个正则表达式来找到时间:

let reg = /your regexp/g;
alert( "Breakfast at 09:00. Dinner at 21-30".match(reg) ); // 09:00, 21-30

附:在这个任务中,我们假设时间总是正确的,并不需要过滤掉像 “45:67” 这样错误的时间字符串。稍后我们也会处理这个问题。

答案:\d\d[-:]\d\d

let reg = /\d\d[-:]\d\d/g;
alert( "Breakfast at 09:00. Dinner at 21-30".match(reg) ); // 09:00, 21-30

请注意,破折号 '-' 在方括号中有特殊含义,但这个含义只有当它位于其它字符之间而不是开头或结尾时才会发生作用,所以我们并不需要转义它。

教程路线图

评论

在评论之前先阅读本内容…
  • 欢迎你在文章下添加补充内容、提出你的问题或回答提出的问题。
  • 使用 <code> 标签插入几行代码,对于多行代码 — 可以使用 <pre>,对于超过十行的代码 — 建议使用沙箱(plnkrJSBincodepen 等)。
  • 如果你无法理解文章中的内容 — 请详细说明。