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 相关文章推荐
写的htc的数据表格
Jan 20 Javascript
Extjs Ajax 乱码问题解决方案
Apr 15 Javascript
JQuery jsonp 使用示例代码
Aug 12 Javascript
javascript 动态调整图片尺寸实现代码
Dec 28 Javascript
javascript模拟select,jselect的方法实现
Nov 08 Javascript
json属性名为什么要双引号(个人猜测)
Jul 31 Javascript
jQuery中insertAfter()方法用法实例
Jan 08 Javascript
js实现双击图片放大单击缩小的方法
Feb 17 Javascript
关于JavaScript和jQuery的类型判断详解
Oct 08 Javascript
Bootstrap select下拉联动(jQuery cxselect)
Jan 04 Javascript
jQuery中图片展示插件highslide.js的简单dom
Apr 22 jQuery
微信小程序实现城市列表选择
Jun 05 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程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
PHP 强制下载文件代码
2010/10/24 PHP
详解如何在云服务器上部署Laravel
2017/06/30 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
swoole锁的机制代码实例讲解
2021/03/04 PHP
帮助避免错误的Javascript陷阱清单
2009/05/31 Javascript
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
2011/05/24 Javascript
实现只能输入数字的input不用replace方法
2013/09/12 Javascript
jQuery 滑动方法slideDown向下滑动元素
2014/01/16 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
2014/04/02 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
javascript实现10个球随机运动、碰撞实例详解
2015/07/08 Javascript
js省市县三级联动效果实例
2020/04/15 Javascript
Vue响应式原理深入解析及注意事项
2017/12/11 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
详解Vue路由自动注入实践
2019/04/17 Javascript
微信小程序登陆注册功能的实现代码
2019/12/10 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
2020/01/16 Javascript
ant design pro中可控的筛选和排序实例
2020/11/17 Javascript
python获取元素在数组中索引号的方法
2015/07/15 Python
python web框架学习笔记
2016/05/03 Python
python使用fcntl模块实现程序加锁功能示例
2017/06/23 Python
python 不以科学计数法输出的方法
2018/07/16 Python
Django 缓存配置Redis使用详解
2019/07/23 Python
keras:model.compile损失函数的用法
2020/07/01 Python
Python timeit模块原理及使用方法
2020/10/10 Python
python实现图像随机裁剪的示例代码
2020/12/10 Python
Python try except finally资源回收的实现
2021/01/25 Python
世界上第一个创建了罩杯系统的美国内衣品牌:Maidenform
2019/03/23 全球购物
办公室秘书岗位职责范本
2014/02/11 职场文书
2014年平安夜寄语
2014/12/08 职场文书
汽车转让协议书
2015/01/29 职场文书
英文辞职信范文
2015/05/13 职场文书
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python
什么是Python装饰器?如何定义和使用?
2022/04/11 Python
windows系统搭建WEB服务器详细教程
2022/08/05 Servers