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 相关文章推荐
做网页的一些技巧
Feb 01 Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
Sep 12 Javascript
让人蛋疼的JavaScript语法特性
Sep 30 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
Nov 02 Javascript
jQuery后代选择器用法实例
Dec 23 Javascript
angularJS 中$scope方法使用指南
Feb 09 Javascript
JS实现为排序好的字符串找出重复行的方法
Mar 02 Javascript
JS加载iFrame出现空白问题的解决办法
May 13 Javascript
详解JavaScript节流函数中的Throttle
Jul 16 Javascript
vue中路由验证和相应拦截的使用详解
Dec 13 Javascript
深入理解ES6中let和闭包
Feb 22 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扩展图文教程
2008/12/12 PHP
SWFUpload与CI不能正确上传识别文件MIME类型解决方法分享
2011/04/18 PHP
利用php递归实现无限分类 格式化数组的详解
2013/06/08 PHP
解析smarty 截取字符串函数 truncate的用法介绍
2013/06/20 PHP
PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
浅谈PHP的反射API
2017/02/26 PHP
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
javascript jscroll模拟html元素滚动条
2012/12/18 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
2013/10/11 Javascript
利用jq让你的div居中的好方法分享
2013/11/21 Javascript
使用iframe window的scroll方法控制iframe页面滚动
2014/03/05 Javascript
js实现简单的购物车有图有代码
2014/05/26 Javascript
微信小程序使用map组件实现解析经纬度功能示例
2019/01/22 Javascript
javascript json字符串到json对象转义问题
2019/01/22 Javascript
解决ant Design Search无法输入内容的问题
2020/10/29 Javascript
[48:24]完美世界DOTA2联赛循环赛LBZS vs Forest 第一场 10月30日
2020/10/31 DOTA
浅析python3中的os.path.dirname(__file__)的使用
2018/08/30 Python
Python图像的增强处理操作示例【基于ImageEnhance类】
2019/01/03 Python
python自制包并用pip免提交到pypi仅安装到本机【推荐】
2019/06/03 Python
python列表插入append(), extend(), insert()用法详解
2019/09/14 Python
Python 定义只读属性的实现方式
2020/03/05 Python
tensorflow中tf.reduce_mean函数的使用
2020/04/19 Python
详解python中的异常捕获
2020/12/15 Python
pytest fixtures装饰器的使用和如何控制用例的执行顺序
2021/01/28 Python
CSS Grid布局教程之浏览器开启CSS Grid Layout汇总
2014/12/30 HTML / CSS
中国最大隐形眼镜网上商城:视客眼镜网
2016/10/30 全球购物
美国特价机票专家:Airfarewatchdog
2018/01/24 全球购物
FirstCry阿联酋儿童和婴儿产品网上购物:FirstCry.ae
2021/02/22 全球购物
早读迟到检讨书
2014/01/24 职场文书
继承公证书
2014/04/09 职场文书
七夕情人节促销方案
2014/06/07 职场文书
报到证办理个人委托书
2014/10/06 职场文书
乡镇群众路线整改落实情况汇报
2014/10/28 职场文书
情人节单身感言
2015/08/03 职场文书
婚庆答谢词大全
2015/09/29 职场文书
html输入两个数实现加减乘除功能
2021/07/01 HTML / CSS