JavaScript正则表达式提取括号内容的完整指南

正则表达式括号语法解析

本文介绍在JavaScript中利用正则表达式提取小括号、中括号及花括号内内容的具体实现方法，供开发者参考。

在正则表达式中，()、[]和{}具有不同的语义和功能。

()用于提取匹配的字符串。表达式中每对()对应一组匹配结果，括号数量决定匹配组的数量。

(\s*)用于匹配连续的空格字符串。

[]用于定义匹配的字符范围。例如[a-zA-Z0-9]表示匹配英文字母和数字；[\s*]表示匹配空格或星号。

{}通常用于指定匹配的长度。例如\s{3}表示匹配三个空格，\s[1,3]表示匹配一到三个空格。

(0-9)用于匹配字面量'0-9'；[0-9]*匹配数字（可为空）；[0-9]+匹配数字（不可为空）；{1-9}为错误写法。

[0-9]{0,9}表示匹配长度为0到9位的数字字符串。

小括号()用于将基本单元组合为更大的单元；中括号[]用于定义选择域，表示匹配其中任意一个元素。

括号匹配示例与代码实现

具体示例如下：

小括号示例

示例1：若需匹配字符串'123'的整体内容

使用(123)即可匹配'123'整个字符串。

大括号示例

而[123]表示匹配字符'1'、'2'或'3'中的任意一个。

以下是一个实际应用中遇到的场景：

例如，当需要匹配并替换<p>标签内的多个&nbsp;（非断行空格）时

首先尝试使用中括号[]

正则表达式为<p>[&nbsp;]*</p>

匹配效果如图所示

接下来尝试使用小括号()进行匹配

正则表达式为<p>(&nbsp;)*</p>

这符合预期的匹配效果。

实际上，更稳健的正则表达式应包含对空字符的处理，否则可能匹配失败。

推荐的正则表达式为<p>(\s|\&nbsp\;| | |\xc2\xa0)*</p>

JavaScript正则表达式提取小括号、中括号及花括号内容的完整示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>www.jb51.net JS获取括号内容</title>
</head>
<body>
<script type="text/javascript">
var str="123{xxxx}456[我的]789123[你的]456(1389090)789";
var regex1 = /\((.+?)\)/g; // () 小括号
var regex2 = /\[(.+?)\]/g; // [] 中括号
var regex3 = /\{(.+?)\}/g; // {} 花括号，大括号
// 输出是一个数组
console.log(str.match(regex1)); 
console.log(str.match(regex2));
console.log(str.match(regex3));
</script>
</body>
</html>

工具推荐与扩展阅读

可通过在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试运行结果：

附：Java正则匹配语句参考

regex = "(?<=\\[)(\\S+)(?=\\])"

此外，提供两款实用的正则表达式工具供参考：

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程序设计有所帮助。