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(1.3.2) 7行代码搞定跟随屏幕滚动的层
May 21 Javascript
修改file按钮的默认样式实现代码
Apr 23 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
Nov 28 Javascript
JS中Date日期函数中的参数使用介绍
Jan 02 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
Jan 09 Javascript
JS实现简单的顶部定时关闭层效果
Jun 15 Javascript
用console.table()调试javascript
Sep 04 Javascript
jQuery中:nth-child选择器用法实例
Dec 31 Javascript
深入理解jquery中的each用法
Dec 14 Javascript
微信小程序教程系列之新建页面(4)
Apr 17 Javascript
JS实现图片预加载之无序预加载功能代码
May 12 Javascript
小程序实现分类页
Jul 12 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判断上传的Excel文件中是否有图片及PHPExcel库认识
2013/01/11 PHP
浅析PHP中的UNICODE 编码与解码
2013/06/29 PHP
[原创]解决wincache不支持64位PHP5.5/5.6的问题(提供64位wincache下载)
2016/06/22 PHP
php实现PDO中捕获SQL语句错误的方法
2017/02/16 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
PHP手机号码及邮箱正则表达式实例解析
2020/07/11 PHP
node.js开机自启动脚本文件
2014/12/24 Javascript
深入理解JavaScript编程中的原型概念
2015/06/25 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
jquery实现上传文件大小类型的验证例子(推荐)
2016/06/25 Javascript
JavaScript实现汉字转换为拼音的库文件示例
2016/12/22 Javascript
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
vue项目中api接口管理总结
2018/04/20 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
2019/05/07 Javascript
Vue 实现输入框新增搜索历史记录功能
2019/10/15 Javascript
详解webpack-dev-middleware 源码解读
2020/03/23 Javascript
[00:32]2018DOTA2亚洲邀请赛Liquid出场
2018/04/03 DOTA
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python open()文件处理使用介绍
2014/11/30 Python
Python读取properties配置文件操作示例
2018/03/29 Python
Python学习笔记之函数的定义和作用域实例详解
2019/08/13 Python
python 读写文件包含多种编码格式的解决方式
2019/12/20 Python
世界上最大的售后摩托车零配件超市:J&P Cycles
2017/12/08 全球购物
PyQt QMainWindow的使用示例
2021/03/24 Python
最新大学职业规划书范文
2013/12/30 职场文书
我的教育故事演讲稿
2014/05/04 职场文书
敬老院院长事迹材料
2014/05/21 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
基层党员对照检查材料
2014/09/24 职场文书
井冈山红色之旅心得体会
2014/10/07 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
售后服务承诺函格式
2015/01/21 职场文书
会计专业求职信范文
2015/03/19 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
golang 如何通过反射创建新对象
2021/04/28 Golang
Python数据分析入门之数据读取与存储
2021/05/13 Python