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 EasyUI 中文API Layout(Tabs)
Apr 27 Javascript
jquery一般方法介绍 入门参考
Jun 21 Javascript
jquery拖动插件(jquery.drag)使用介绍
Jun 18 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
Aug 12 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
Jul 12 Javascript
原生js实现省市区三级联动代码分享
Feb 12 Javascript
解决vue中使用swiper插件问题及swiper在vue中的用法
Apr 04 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
Sep 07 Javascript
Node.js的进程管理的深入理解
Jan 09 Javascript
在vue中使用vuex,修改state的值示例
Nov 08 Javascript
JS删除数组指定值常用方法详解
Jun 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
php操作SVN版本服务器类代码
2011/11/27 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
Javascript之旅 对象的原型链之由来
2010/08/25 Javascript
jquery实现叠层3D文字特效代码分享
2015/08/21 Javascript
jQuery实现的数值范围range2dslider选取插件特效多款代码分享
2015/08/27 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
浅谈javascript中onbeforeunload与onunload事件
2015/12/10 Javascript
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
2017/02/08 Javascript
vue之数据交互实例代码
2017/06/20 Javascript
浅谈JS中的反柯里化( uncurrying)
2017/08/17 Javascript
vue仿淘宝订单状态的tab切换效果
2020/06/23 Javascript
vue中实现滚动加载更多的示例
2017/11/08 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
2018/02/03 Javascript
vue使用Google地图的实现示例代码
2018/12/19 Javascript
微信小程序点击保存图片到本机功能
2019/12/13 Javascript
vue 虚拟DOM的原理
2020/10/03 Javascript
[41:41]TFT vs Secret Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
python机器学习之神经网络(二)
2017/12/20 Python
python写入数据到csv或xlsx文件的3种方法
2019/08/23 Python
Python3实现发送邮件和发送短信验证码功能
2020/01/07 Python
计算pytorch标准化(Normalize)所需要数据集的均值和方差实例
2020/01/15 Python
python如何实现图片压缩
2020/09/11 Python
HTML5中input输入框默认提示文字向左向右移动的示例代码
2020/09/10 HTML / CSS
英国领先的酒杯和水晶玻璃器皿制造商:Dartington Crystal
2019/06/23 全球购物
哥德堡通行证:Gothenburg Pass
2019/12/09 全球购物
怎样写好自我鉴定
2013/12/04 职场文书
知名企业招聘广告词大全
2014/03/18 职场文书
葬礼司仪主持词
2014/03/31 职场文书
2014年大学生党员评议表自我评价
2014/09/20 职场文书
村干部群众路线整改措施思想汇报
2014/10/12 职场文书
学期个人自我总结
2015/02/13 职场文书
2015员工年度考核评语
2015/03/25 职场文书
推荐信范文大全
2015/03/27 职场文书
谢师宴家长致辞
2015/07/27 职场文书
团结主题班会
2015/08/13 职场文书
MongoDB使用场景总结
2022/02/24 MongoDB