jQuery Regex - 查找所有连接词

Question

jQuery 正则表达式

/((\b([a-zA-Z]{0,15})\b)([^a-z0-9\$_]))/g

我目前的尝试： https://regex101.com/r/d3VUpG/1

示例测试字符串：

(options.method==="
|options.method==="
=options.method==="HEAD"
 options.method.options.method==="HEAD"

---

我想要实现的目标

作为$1返回任何连接词的值，例如：

• options.method - 将 = $1
• options.method.options.method - 也会 = $1

---

问题

我怎样才能找到所有用点 (.) 连接的单词，然后像下面的例子一样包裹在一个跨度中；

.replace(//gi,'<span class="join">$1</span>')

Answer 1

您可以使用以下表达式：

/((?:\w+\.)+\w+)/g

解释：

• ( - 开始捕获组 1
  • (?: - 非捕获组的开始
    • \w+\. - 匹配 [a-zA-Z0-9_] 字符一次或多次，后跟文字 . 字符
  • )+ - 非捕获组结束；匹配组一次或多次
  • \w+ - 匹配 [a-zA-Z0-9_] 字符一次或多次
• ) - 捕获组 1 结束

换句话说，非捕获组(?:\w+\.)+ 将匹配像option. 这样的子字符串一次或多次，然后是最终的\w+，它将匹配没有文字. 字符的最终单词跟随它。由于只有一个捕获组包含所有内容，因此您可以将 span 标签包裹在第一个组 $1 周围。

Live Example

string.replace(/((?:\w+\.)+\w+)/g, '<span class="join">$1</span>');

---

如上所述，\w 包括下划线、数字和字母（[a-zA-Z0-9_]），所以如果你只想匹配字母字符，那么你可以将\w 换成[a-z]，并使用不区分大小写标志：

/((?:[a-z]+\.)+[a-z]+)/gi