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数组定义方法
Sep 10 Javascript
jQuery实现图片与文字描述左右滑动自动切换的方法
Jul 27 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
Jan 08 Javascript
vue中如何引入jQuery和Bootstrap
Apr 10 jQuery
Node.js中的http请求客户端示例(request client)
May 04 Javascript
angular或者js怎么确定选中ul中的哪几个li
Aug 16 Javascript
webpack学习笔记之优化缓存、合并、懒加载
Aug 24 Javascript
AjaxUpLoad.js实现文件上传功能
Mar 02 Javascript
taro小程序添加骨架屏的实现代码
Nov 15 Javascript
Nuxt.js 静态资源和打包的操作
Nov 06 Javascript
JS不要再到处使用绝对等于运算符了
Apr 30 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.MVC的模板标签系统(一)
2006/09/05 PHP
dedecms 制作模板中使用的全局标记图文教程
2007/03/11 PHP
PHP 数组实例说明
2008/08/18 PHP
PHP strtr() 函数使用说明
2008/11/21 PHP
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
Alliance vs AM BO3 第二场2.13
2021/03/10 DOTA
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
2011/03/28 Javascript
jQuery代码优化 事件委托篇
2011/11/01 Javascript
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
2011/11/30 Javascript
JavaScript插入动态样式实现代码
2012/02/22 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
浅析javascript的return语句
2015/12/15 Javascript
解析JavaScript数组方法reduce
2016/12/12 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
jQuery操作元素追加内容示例
2020/01/10 jQuery
vuex管理状态仓库使用详解
2020/07/29 Javascript
node.js通过Sequelize 连接MySQL的方法
2020/12/28 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
Python采用socket模拟TCP通讯的实现方法
2014/11/19 Python
python爬虫入门教程--利用requests构建知乎API(三)
2017/05/25 Python
Python+matplotlib+numpy绘制精美的条形统计图
2018/01/02 Python
Python tkinter实现的图片移动碰撞动画效果【附源码下载】
2018/01/04 Python
python实现简单遗传算法
2018/03/19 Python
Python3创建Django项目的几种方法(3种)
2020/06/03 Python
Python求区间正整数内所有素数之和的方法实例
2020/10/13 Python
北美Newegg打造的全球尖货海购平台:tt海购
2018/09/28 全球购物
促销活动策划方案
2014/01/12 职场文书
《老山界》教学反思
2014/04/08 职场文书
公司自我介绍演讲稿
2014/08/21 职场文书
2014年信贷员工作总结
2014/11/18 职场文书
基层党支部承诺书
2015/04/30 职场文书
交通安全月活动总结
2015/05/08 职场文书