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

Flag "m" — 多行模式

通过 flag /.../m 可以开启多行模式。

这仅仅会影响 ^$ 锚符的行为。

在多行模式下,它们不仅仅匹配文本的开始与结束,还匹配每一行的开始与结束。

行的开头 ^

在这个有多行文本的例子中,正则表达式 /^\d+/gm 将匹配每一行的开头数字:

let str = `1st place: Winnie
2nd place: Piglet
33rd place: Eeyore`;

alert( str.match(/^\d+/gm) ); // 1, 2, 33

没有 flag /.../m 时,仅仅是第一个数字被匹配到:

let str = `1st place: Winnie
2nd place: Piglet
33rd place: Eeyore`;

alert( str.match(/^\d+/g) ); // 1

这是因为默认情况下,锚符 ^ 仅仅匹配文本的开头,在多行模式下,它匹配行的开头。

正则表达式引擎将会在文本中查找以锚符 ^ 开始的字符串,我们找到之后继续匹配 \d+ 模式。

行的结尾 $

美元符 $ 行为也相似。

正则表达式 `\w+$ 会找到每一行的最后一个单词:

let str = `1st place: Winnie
2nd place: Piglet
33rd place: Eeyore`;

alert( str.match(/\w+$/gim) ); // Winnie,Piglet,Eeyore

没有 /.../m flag 的话,美元符 $ 将会仅仅匹配整个文本的结尾,所以只有最后的一个单词会被找到。

锚符 ^$ 对比 \n

要寻找新的一行的话,我们不仅可以使用锚符 ^$,也可以使用批匹配符 \n

它和锚符 ^$ 的第一个不同点是它不像锚符那样,它会“消耗”掉 \n 并且将其(\n)加入到匹配结果中。

举个例子,我们在下面的代码中用它来替代 $

let str = `1st place: Winnie
2nd place: Piglet
33rd place: Eeyore`;

alert( str.match(/\w+\n/gim) ); // Winnie\n,Piglet\n

这里,我们每次匹配到的时候都会被添加一个换行符。

还有一个不同点——换行符 \n 不会匹配字符串结尾。这就是为什么在上面的例子中 Eeyore 没有匹配到。

所以,通常情况下使用锚符更棒,用它匹配出来的结果更加接近我们想要的结果。

教程路线图

评论

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