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


Posted in Javascript onJune 01, 2018

本文实例讲述了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)

再举个三水点靠木小编碰到的一个问题

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

先用中括号[]

<p>[ ]*</p>

匹配内容的就如下图所示

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

那下面用小括号试试()

<p>( )*</p>

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

就是我们预想的效果。

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

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

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>3water.com 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.3water.com/code/HtmlJsRun测试运行结果如下:

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

Javascript 相关文章推荐
jquery.validate使用攻略 第一部
Jul 01 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
Feb 16 Javascript
基于jquery打造的百分比动态色彩条插件
Sep 19 Javascript
boostrapTable的refresh和refreshOptions区别浅析
Jan 22 Javascript
原生JS轮播图插件
Feb 09 Javascript
兼容浏览器的js事件绑定函数(详解)
May 09 Javascript
在 webpack 中使用 ECharts的实例详解
Feb 05 Javascript
VUE 全局变量的几种实现方式
Aug 22 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
Aug 25 Javascript
vue项目搭建以及全家桶的使用详细教程(小结)
Dec 19 Javascript
利用vue重构有赞商城的思路以及总结整理
Feb 21 Javascript
layui 表单标签的校验方法
Sep 04 Javascript
基于JS实现带动画效果的流程进度条
Jun 01 #Javascript
说说node中的可读流和可写流的区别
Jun 01 #Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
Jun 01 #Javascript
React 使用browserHistory项目访问404问题解决
Jun 01 #Javascript
详解vue-router 命名路由和命名视图
Jun 01 #Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
May 31 #Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 #jQuery
You might like
老照片 - 几十年前的收音机与人
2021/03/02 无线电
PHP HTML JavaScript MySQL代码如何互相传值的方法分享
2012/09/30 PHP
PHP实现搜索时记住状态的方法示例
2018/05/11 PHP
验证用户是否修改过页面的数据的实现方法
2008/09/26 Javascript
Jquery 扩展方法
2010/05/06 Javascript
基于Jquery的文字自动截取(提供源代码)
2011/08/09 Javascript
关于js datetime的那点事
2011/11/15 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
基于JavaScript实现百度搜索框效果
2020/06/28 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
2018/03/07 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
vue项目中公用footer组件底部位置的适配问题
2018/05/10 Javascript
vue-cli3跨域配置的简单方法
2019/09/06 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
Vue.js watch监视属性知识点总结
2019/11/11 Javascript
JS性能优化实现方法及优点进行
2020/08/30 Javascript
js中复选框的取值及赋值示例详解
2020/10/18 Javascript
[02:32]【DOTA2亚洲邀请赛】iceice,梦开始的地方
2017/03/13 DOTA
[01:06]DOTA2小知识课堂 Ep.01 TP出门不要忘记帮队友灌瓶哦
2019/12/05 DOTA
Python中MYSQLdb出现乱码的解决方法
2014/10/11 Python
使用Python导出Excel图表以及导出为图片的方法
2015/11/07 Python
Python 文件管理实例详解
2015/11/10 Python
Python自动化测试Eclipse+Pydev 搭建开发环境
2016/08/15 Python
Python使用win32com实现的模拟浏览器功能示例
2017/07/13 Python
浅谈python中的数字类型与处理工具
2017/08/02 Python
解决Django的request.POST获取不到内容的问题
2018/05/28 Python
利用Python实现原创工具的Logo与Help
2018/12/03 Python
Python实现字符串中某个字母的替代功能
2019/10/21 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
Python字符串三种格式化输出
2020/09/17 Python
基于python模拟TCP3次握手连接及发送数据
2020/11/06 Python
利用html5的websocket实现websocket聊天室
2013/12/12 HTML / CSS
俄罗斯第一家篮球店:StreetBall
2020/07/30 全球购物
校园开放日新闻稿
2015/07/17 职场文书
学长教您写论文:经验总结
2019/07/09 职场文书
python自然语言处理之字典树知识总结
2021/04/25 Python