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 相关文章推荐
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
JS获取url链接字符串 location.href
Dec 23 Javascript
jQuery插件实现静态HTML验证码校验
Nov 06 Javascript
javascript时间差插件分享
Jul 18 Javascript
详解a++和++a的区别
Aug 30 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
Sep 20 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
Nov 18 Javascript
vue生成文件本地打开查看效果的实例
Sep 06 Javascript
js 实现ajax发送步骤过程详解
Jul 25 Javascript
微信小程序点餐系统开发常见问题汇总
Aug 06 Javascript
js实现点击生成随机div
Jan 16 Javascript
原生JS实现烟花效果
Mar 10 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 增加了对 .ZIP 文件的读取功能
2006/10/09 PHP
PHP之图片上传类实例代码(加了缩略图)
2016/06/30 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
php 如何禁用eval() 函数实例详解
2016/12/01 PHP
thinkphp查询,3.X 5.0方法(亲试可行)
2017/06/17 PHP
js获取浏览器基本信息大全
2014/11/27 Javascript
JavaScript中Function详解
2015/02/27 Javascript
javascript实现设置、获取和删除Cookie的方法
2015/06/01 Javascript
jquery实现简单合拢与展开网页面板的方法
2015/09/01 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
2016/01/12 Javascript
jQuery取得iframe中元素的常用方法详解
2016/01/14 Javascript
javascript 面向对象function详解及实例代码
2017/02/28 Javascript
js仿淘宝评价评分功能
2017/02/28 Javascript
ES6学习笔记之Set和Map数据结构详解
2017/04/07 Javascript
express 项目分层实践详解
2018/12/10 Javascript
[03:42]2014DOTA2西雅图国际邀请赛7月9日TOPPLAY
2014/07/09 DOTA
[42:48]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第二场 12.11
2020/12/16 DOTA
Python的Django中将文件上传至七牛云存储的代码分享
2016/06/03 Python
python编程羊车门问题代码示例
2017/10/25 Python
对python 多个分隔符split 的实例详解
2018/12/20 Python
对python中Json与object转化的方法详解
2018/12/31 Python
用python做游戏的细节详解
2019/06/25 Python
Python动态语言与鸭子类型详解
2019/07/01 Python
python序列化与数据持久化实例详解
2019/12/20 Python
使用python-Jenkins批量创建及修改jobs操作
2020/05/12 Python
Python confluent kafka客户端配置kerberos认证流程详解
2020/10/12 Python
Python Http请求json解析库用法解析
2020/11/28 Python
CSS3 实现童年的纸飞机
2019/05/05 HTML / CSS
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
2017/07/11 HTML / CSS
浅谈html5 video 移动端填坑记
2018/01/15 HTML / CSS
html5实现输入框fixed定位在屏幕最底部兼容性
2020/07/03 HTML / CSS
Sunglasses Shop瑞典:欧洲领先的太阳镜网上商店
2018/04/22 全球购物
工程力学硕士生的自我评价范文
2013/11/16 职场文书
体育教师自我鉴定
2014/02/12 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
《攀登者》:“海拔8000米以上,你不能指望任何人”
2019/11/25 职场文书