JS使用正则表达式获取小括号、中括号及花括号内容的方法示例

 更新时间:2018年06月01日 09:51:45   作者:Mcya  
这篇文章主要介绍了JS使用正则表达式获取小括号、中括号及花括号内容的方法,涉及javascript针对三种括号正则匹配的相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS使用正则表达式获取小括号、中括号及花括号内容的方法。分享给大家供大家参考,具体如下:

正则表达式的() [] {}有不同的意思。

() 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。

(\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(1或者2或者3)

再举个脚本之家小编碰到的一个问题

例如我们想匹配&nbsp;多个替换<p>&nbsp;&nbsp;</p>中间多个&nbsp;的时候

先用中括号[]

<p>[&nbsp;]*</p>

匹配内容的就如下图所示

那下面用小括号试试()

<p>(&nbsp;)*</p>

就是我们预想的效果。

其实匹配的正则比较好的是这个,里面万一空字符肯定就不行了

<p>(\s|\&nbsp\;| | |\xc2\xa0)*</p>

JS 正则表达式 获取小括号 中括号 花括号内的内容

<!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+)(?=\\])"

PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:

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

相关文章

  • js定时器实例分享

    js定时器实例分享

    本篇文章主要介绍了js 定时器的语法、实例、与实现代码分析。具有很好的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • JavaScript性能优化之小知识总结

    JavaScript性能优化之小知识总结

    JavaScript的性能问题不容小觑,这就需要我们开发人员在编写JavaScript程序时多注意一些细节,本文给大家介绍javascript性能优化之小知识总结,需要的朋友可以参考下
    2015-11-11
  • JavaScript实现GriwView单列全选(自写代码)

    JavaScript实现GriwView单列全选(自写代码)

    在 GridView 里有一系列的 Checkbox ,要实现对其全选或全不选,二网上的都不否和要求,于是我自己写了JavaScript 代码,贴出来供大家参考
    2013-05-05
  • 实例详解JavaScript获取链接参数的方法

    实例详解JavaScript获取链接参数的方法

    这篇文章主要介绍了实例详解JavaScript获取链接参数的方法的相关资料,需要的朋友可以参考下
    2016-01-01
  • 实用又漂亮的BootstrapValidator表单验证插件

    实用又漂亮的BootstrapValidator表单验证插件

    这篇文章主要为大家详细介绍了好用又漂亮的BootstrapValidator表单验证插件,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • javascript 线性渐变二

    javascript 线性渐变二

    上部分我们逐一分析了各浏览器的可行方法,这部分将搞鼓出一个统一的类来实现跨浏览器的线性渐变。
    2009-10-10
  • JavaScript ES6中class定义类实例方法

    JavaScript ES6中class定义类实例方法

    ES6提供了更接近面向对象(注意:javascript本质上是基于对象的语言)语言的写法,引入了Class(类)这个概念,作为对象的模板,下面这篇文章主要给大家介绍了关于JavaScript ES6中class定义类的相关资料,需要的朋友可以参考下
    2022-07-07
  • 微信小程序商城项目之淘宝分类入口(2)

    微信小程序商城项目之淘宝分类入口(2)

    这篇文章主要为大家详细介绍了微信小程序实战商城系列之淘宝分类入口,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • javascript拖拽应用实例

    javascript拖拽应用实例

    这篇文章主要为大家详细介绍了javascript拖拽应用实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • IE php关于强制下载文件的代码

    IE php关于强制下载文件的代码

    这个东东,把我搞得晕晕乎乎的,FF下,没有强制下载文件这个问题。
    2008-08-08

最新评论