JavaScript 正则表达式：揭开高级用法的神秘面纱

2024-01-24 12:22:38

作为一名 JavaScript 爱好者，正则表达式无疑是一把锋利的瑞士军刀，它可以帮助我们解决各种字符串操作难题。然而，除了基本用法之外，掌握正则表达式的更高级用法，如捕获和非捕获的概念，将使我们的编码能力更上一层楼。

捕捉组的魅力

正则表达式中的捕捉组，就像一组聪明的捕手，负责捕获匹配字符串中的特定部分。这些部分通常用括号括起来，从左到右逐一编号。例如，在正则表达式 /(a)(b)(c)/ 中，a、b 和 c 将被捕获并存储在三个不同的捕捉组中。

捕捉组的用途多种多样。我们可以使用它们来提取特定数据片段，或在字符串中进行替换操作。例如，我们可以使用以下正则表达式从电子邮件地址中提取用户名：

/^([a-z0-9._%+-]+)@([a-z0-9.-]+)\.[a-z]{2,}$/

在这个正则表达式中，第一个捕捉组 ([a-z0-9._%+-]+) 捕获用户名，而第二个捕捉组 ([a-z0-9.-]+) 捕获域名前缀。

非捕获组与捕捉组类似，但它们不会存储匹配的字符串。这使得它们在某些情况下非常有用，例如当我们只想匹配特定模式，而不关心实际匹配内容时。非捕获组使用 ?: 标记，例如：

/(?:a)(?:b)(c)/

这个正则表达式与前面的捕捉组表达式匹配相同的字符串，但它不会捕获任何内容。这在需要验证字符串格式的场景中很有用，而无需提取具体数据。

为了巩固这些概念，让我们通过几个示例来探索正则表达式的进阶用法：

提取文本中所有以 "ing" 结尾的单词：/(\w+ing)/g
验证信用卡号是否有效：/(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9]{2})[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})/
替换字符串中的所有换行符为 <br> 标签：/(\n)/g