JavaScript 使用正则表达式获取全部分组内容的方法示例

作者:拾光

时间:2026-10-21

浏览:215

本文介绍在 JavaScript 中利用正则表达式的 exec 方法配合循环,提取全局匹配中所有分组内容的技巧。通过示例代码演示如何遍历匹配结果并获取指定索引的分组数据,同时提供在线测试工具链接供参考。

文章目录

JavaScript 正则分组提取核心方法

本文详细介绍在 JavaScript 中利用正则表达式提取所有分组捕获内容的具体实现方式,供开发者参考借鉴。

核心思路依赖于正则对象的 exec 方法。

由于全局匹配可能产生多个结果,必须通过循环结构逐一处理。

具体实现如以下代码所示,该示例旨在输出两个匹配到的分组内容:8 和 9。

代码实现与运行效果


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS正则demo</title>
</head>
<body>
<script>
var r = /\{ab(\d)ab}/g;
while ((resultS2 = r.exec("ab{ab8ab}c{ab9ab}")) != null) {
  console.log(resultS2[1]);
} 
</script>
</body>
</html>

代码运行后的输出效果如下所示。

JavaScript 正则分组提取核心方法

此外,推荐以下两款实用的正则表达式辅助工具:

JavaScript 正则表达式在线测试工具: http://tools.jb51.net/regex/javascript

正则表达式在线生成工具: http://tools.jb51.net/regex/create_reg

如需进一步了解 JavaScript 相关知识,可查阅本站相关专题,包括《JavaScript正则表达式技巧大全》、《JavaScript替换操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》。

希望上述内容对您的 JavaScript 编程工作有所助益。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章