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自己写tab滑动门(通用版)
Oct 30 Javascript
JS实现随机数生成算法示例代码
Aug 08 Javascript
深入理解JavaScript高级之词法作用域和作用域链
Dec 10 Javascript
对table和ul实现js分页示例分享
Feb 24 Javascript
jQuery获得document和window对象宽度和高度的方法
Mar 25 Javascript
详解javascript事件冒泡
Jan 09 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
js Canvas实现的日历时钟案例分享
Dec 25 Javascript
详解JSONObject和JSONArray区别及基本用法
Oct 25 Javascript
JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)
Dec 28 Javascript
vue 解决异步数据更新问题
Oct 29 Javascript
js 将多个对象合并成一个对象 assign方法的实现
Sep 24 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实现单例模式最安全的做法
2014/06/13 PHP
php array_chunk()函数用法与注意事项
2019/07/12 PHP
js更优雅的兼容
2010/08/12 Javascript
Js,alert出现乱码问题的解决方法
2013/06/19 Javascript
JavaScript常用小技巧小结
2014/12/29 Javascript
js实现非常简单的焦点图切换特效实例
2015/05/07 Javascript
input输入密码变黑点密文的实现方法
2017/01/09 Javascript
angularJS 指令封装回到顶部示例详解
2017/01/22 Javascript
jQuery Ajax全解析
2017/02/13 Javascript
详解angular中的作用域及继承
2017/05/31 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
2017/06/15 Javascript
js数组常用最重要的方法
2018/02/04 Javascript
菊花转动的jquery加载动画效果
2018/08/19 jQuery
webpack的CSS加载器的使用
2018/09/11 Javascript
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
Vue props 单向数据流的实现
2018/11/06 Javascript
关于AOP在JS中的实现与应用详解
2019/05/06 Javascript
nodejs中实现用户注册路由功能
2019/05/20 NodeJs
Angular.JS读取数据库数据调用完整实例
2019/07/02 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
2019/08/16 Javascript
javascript Canvas动态粒子连线
2020/01/01 Javascript
python实现中文分词FMM算法实例
2015/07/10 Python
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
初探TensorFLow从文件读取图片的四种方式
2018/02/06 Python
python 数据生成excel导出(xlwt,wlsxwrite)代码实例
2019/08/23 Python
Python编程快速上手——疯狂填词程序实现方法分析
2020/02/29 Python
Python RabbitMQ实现简单的进程间通信示例
2020/07/02 Python
Python如何执行系统命令
2020/09/23 Python
美国和加拿大计算机和电子产品购物网站:TigerDirect.com
2019/09/13 全球购物
培训主管的岗位职责
2013/11/23 职场文书
医院护士专业个人的求职信
2013/12/09 职场文书
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
2015年七一建党节活动总结
2015/03/20 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
如何使用Python提取Chrome浏览器保存的密码
2021/06/09 Python
SQL Server携程核心系统无感迁移到MySQL实战
2022/06/01 SQL Server