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 相关文章推荐
Use Word to Search for Files
Jun 15 Javascript
javascript类型转换使用方法
Feb 08 Javascript
JavaScript中的分号插入机制详细介绍
Feb 11 Javascript
jQuery操作iframe中js函数的方法小结
Jul 06 Javascript
JS定时器实现数值从0到10来回变化
Dec 09 Javascript
JS对象是否拥有某属性如何判断
Feb 03 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
Apr 22 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
Vue的Flux框架之Vuex状态管理器
Jul 30 Javascript
浅析前端路由简介以及vue-router实现原理
Jun 01 Javascript
JavaScript闭包原理与用法实例分析
Aug 10 Javascript
Node批量爬取头条视频并保存方法
Sep 20 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 配置open_basedir 让各虚拟站点独立运行
2009/11/12 PHP
destoon安全设置中需要设置可写权限的目录及文件
2014/06/21 PHP
php事件驱动化设计详解
2016/11/10 PHP
利用PHPExcel读取Excel的数据和导出数据到Excel
2017/05/12 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
js玩一玩WSH吧
2007/02/23 Javascript
javascript 利用Image对象实现的埋点(某处的点击数)统计
2012/12/28 Javascript
Javascript执行效率全面总结
2013/11/04 Javascript
input:checkbox多选框实现单选效果跟radio一样
2014/06/16 Javascript
JavaScript实现模仿桌面窗口的方法
2015/07/18 Javascript
JQuery为元素添加样式的实现方法
2016/07/20 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
2016/12/23 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
2017/07/27 Javascript
js实现单元格拖拽效果
2020/02/10 Javascript
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
django认证系统 Authentication使用详解
2019/07/22 Python
python3的url编码和解码,自定义gbk、utf-8的例子
2019/08/22 Python
torchxrayvision包安装过程(附pytorch1.6cpu版安装)
2020/08/26 Python
python 爬取英雄联盟皮肤并下载的示例
2020/12/04 Python
新百伦折扣店:Joe’s New Balance Outlet
2016/08/20 全球购物
Happy Plugs官网:瑞典无线耳机品牌
2020/07/16 全球购物
IMPORT的选项IGNORE有什么作用?缺省是什么设置?
2015/09/17 面试题
舞蹈教师自荐信
2014/01/27 职场文书
党员公开承诺书内容
2014/05/20 职场文书
南京青奥会口号
2014/06/12 职场文书
求职简历自荐信
2014/06/18 职场文书
会议接待欢迎标语
2014/10/08 职场文书
热血教师观后感
2015/06/10 职场文书
学籍证明模板
2015/06/18 职场文书
win10+anaconda安装yolov5的方法及问题解决方案
2021/04/29 Python
Python关于OS文件目录处理的实例分享
2021/05/23 Python
MyBatis核心源码深度剖析SQL语句执行过程
2022/05/20 Java/Android