【译】JavaScript 开发者的正则表达式系列篇(2)

如何匹配正则表达式中的文字字符和字符集

什么是正则表达式中的文字字符?

文字字符是可以在测试字符串中显示时匹配的字符。它们可以是字母、数字、空格,甚至是符号。换句话说,它们是代表自己的非特殊字符。

这意味着如果要匹配文字字符,则应以与测试字符串显示相同的方式构造正则表达式模式。

例如,如果要匹配单词 hello ,则正则表达式模式可以是 hello 。如果你想匹配单词 hatch 中的 h,你只需要作为模式 h

这将 h 匹配测试字符串 h hatch 中字母的第一次出现。如果您希望它也与其他字母 h 匹配,则需要"g"标志或全局标志。您将在本书的下一章中了解标志和修饰符。

但是,某些符号的情况并非如此。这是因为某些符号是正则表达式(元字符和量词)的特殊字符。因此,如果要匹配这些字符,则必须使用反斜杠 ( \ ) 对它们进行转义。这本书还将教你所有你需要知道的关于元角色的知识,因为有一整章关于它们。

如何在正则表达式测试器中匹配文字字符

如果你想匹配单词 hello ,那么 hello 应该是你的正则表达式模式:

如果你想匹配文本 freeCodeCamp ,你可以构造你的正则表达式 freeCodeCamp 为:

如果要匹配文本 freeCodeCamp 中的字母 ee 是要使用的模式:

如果您想匹配文本填充中的 h,则 h 是您应该使用的模式:

您可以看到,在文本中的freeCodeCamp中,第一个出现后的其他e没有被返回为匹配项,与单词hatch中的最后一个h一样。在下一章中,您将学习如何匹配文本中每个字母的每个出现。

可以在 regex101.com/ 上自行尝试。

字符集匹配

字符集(也称为字符类)是一组字符,可以成功匹配测试字符串中的某个字符。这组字符被括在方括号内。

例如,模式[abc]将匹配abc中的任何一个,而[xyz]将匹配xyz中的任何一个。

以下是一些字符集示例以及它们的作用:

  • [abc]:匹配abc中的任何一个
  • [aeiou]:匹配任何元音字符
  • [a-z]:匹配从az的任何小写字母
  • [A-Z]:匹配从AZ的任何大写字母
  • [0-9]:匹配从 09的任何数字

在方括号内,您不需要转义元字符,因为它们失去了特殊含义。唯一在方括号内具有含义的符号是连字符(-),您可以使用它来指定范围,就像我在一些字符集示例中所做的那样。

您将在本书中了解有关范围的信息。在某些情况下,反斜杠\在字符集中不会失去其特殊含义。

与文字字符匹配一样,只有字符集的第一个出现会返回为匹配项,其他每个出现都将被忽略。在下一章中,您将学习如何使用g标志匹配字符的多个出现。

以下是如何在正则表达式测试工具中使用上述每个字符集的示例:

[abc]: [abc]

[aeiou]: [aeiou]

[a-z]: [a-z]

[A-Z]: [A-Z]

[0-9]: [0-9]

您还可以根据需要定义唯一的字符类。当您想要匹配文本中特定位置的某些字符时,字符集非常有用。

例如,模式 br[ao]ke 将同时 brake 匹配和 broke

该模式 gr[ae]y 将匹配两者 gray grey 和:

注意: 我打开了 g 标志,这样你可以看到所有的匹配,以及字符集有多强大。在下一章中,我们将研究 g 和其他标志。

由于编程中总是有多种完成相同任务的方式,也有一些称为"简写字符集"的字符集,您可以使用它们来代替字符集。

由于这些简写字符集是元字符的一个子集,您将在专门介绍元字符的章节中学习有关它们的内容。

在线工具

参考文献

相关推荐
web Rookie28 分钟前
JS类型检测大全:从零基础到高级应用
开发语言·前端·javascript
Au_ust35 分钟前
css:基础
前端·css
帅帅哥的兜兜35 分钟前
css基础:底部固定,导航栏浮动在顶部
前端·css·css3
工业甲酰苯胺38 分钟前
C# 单例模式的多种实现
javascript·单例模式·c#
yi碗汤园39 分钟前
【一文了解】C#基础-集合
开发语言·前端·unity·c#
就是个名称39 分钟前
购物车-多元素组合动画css
前端·css
编程一生1 小时前
回调数据丢了?
运维·服务器·前端
丶21361 小时前
【鉴权】深入了解 Cookie:Web 开发中的客户端存储小数据
前端·安全·web
Missmiaomiao2 小时前
npm install慢
前端·npm·node.js
程序员爱技术4 小时前
Vue 2 + JavaScript + vue-count-to 集成案例
前端·javascript·vue.js