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 相关文章推荐
利用javascript查看html源文件
Nov 08 Javascript
Ajax一统天下之Dojo整合篇
Mar 24 Javascript
js tab效果的实现代码
Dec 26 Javascript
JS组件Bootstrap Table表格多行拖拽效果实现代码
Dec 08 Javascript
JavaScript脚本库编写的方法
Dec 09 Javascript
详解如何较好的使用js
Dec 16 Javascript
AngularJS学习第二篇 AngularJS依赖注入
Feb 13 Javascript
bootstrap datepicker插件默认英文修改为中文
Jul 28 Javascript
使用JSON格式提交数据到服务端的实例代码
Apr 01 Javascript
微信小程序实现图片压缩
Dec 03 Javascript
js实现滑动进度条效果
Aug 21 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
Jan 03 Vue.js
基于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
用ODBC的分页显示
2006/10/09 PHP
php中的常用魔术方法总结
2013/08/02 PHP
解决file_get_contents无法请求https连接的方法
2013/12/17 PHP
PHP中使用memcache存储session的三种配置方法
2014/04/05 PHP
PHP IDE phpstorm 常用快捷键
2015/05/18 PHP
typecho插件编写教程(三):保存配置
2015/05/28 PHP
浅谈php7的重大新特性
2015/10/23 PHP
js继承的实现代码
2010/08/05 Javascript
window.ActiveXObject使用说明
2010/11/08 Javascript
合并table相同单元格的jquery插件分享(很精简)
2011/06/20 Javascript
jQuery带箭头提示框tooltips插件集锦
2014/11/17 Javascript
smartcrop.js智能图片裁剪库
2015/10/14 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
2016/07/01 Javascript
Vue数据驱动模拟实现3
2017/01/11 Javascript
微信小程序 WebSocket详解及应用
2017/01/21 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
2017/05/07 Javascript
基于Cookie常用操作以及属性介绍
2017/09/07 Javascript
对angularjs框架下controller间的传值方法详解
2018/10/08 Javascript
创建echart多个联动的示例代码
2018/11/23 Javascript
JavaScript定时器使用方法详解
2020/03/26 Javascript
vue中el-input绑定键盘按键(按键修饰符)
2020/07/22 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
2020/08/30 Javascript
在elementui中Notification组件添加点击事件实例
2020/11/11 Javascript
[02:52]DOTA2新手基础教程 米波
2014/01/21 DOTA
Python连接SQLServer2000的方法详解
2017/04/19 Python
python中set()函数简介及实例解析
2018/01/09 Python
python开发准备工作之配置虚拟环境(非常重要)
2019/02/11 Python
python word转pdf代码实例
2019/08/16 Python
图解Python中深浅copy(通俗易懂)
2020/09/03 Python
如何利用Python 进行边缘检测
2020/10/14 Python
css3给背景图片加颜色遮罩的方法
2019/11/05 HTML / CSS
微信小程序之html5 canvas绘图并保存到系统相册
2019/06/20 HTML / CSS
大学生社团活动总结
2014/04/26 职场文书
2014预备党员批评与自我批评思想汇报
2014/09/20 职场文书
考试作弊被抓检讨书
2014/10/02 职场文书
写给妈妈的感谢信
2015/01/22 职场文书