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中的几个关键概念的理解-原型链的构建
May 12 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
Jan 04 Javascript
jquery select 设置默认选中的示例代码
Feb 07 Javascript
怎么判断js脚本加载完成
Feb 28 Javascript
调试代码导致IE出错的避免方法
Apr 04 Javascript
window.open()实现post传递参数
Mar 12 Javascript
自制微信公众号一键排版工具
Sep 22 Javascript
jQuery解析XML 详解及方法总结
Sep 28 Javascript
javascript实现数据双向绑定的三种方式小结
Mar 09 Javascript
浅谈Vue.js组件(二)
Apr 09 Javascript
微信小程序图片左右摆动效果详解
Jul 13 Javascript
javascrpt密码强度校验函数详解
Mar 18 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
让Json更懂中文(JSON_UNESCAPED_UNICODE)
2011/10/27 PHP
php通过执行CutyCapt命令实现网页截图的方法
2016/09/30 PHP
学习ExtJS(一) 之基础前提
2009/10/07 Javascript
一个js拖拽的效果类和dom-drag.js浅析
2010/07/17 Javascript
js作用域及作用域链概念理解及使用
2013/04/15 Javascript
jQuery 获取浏览器所在的IP地址的小例子
2013/11/08 Javascript
Js实现双击鼠标自动滚动屏幕的示例代码
2013/12/14 Javascript
JavaScript输入邮箱自动提示实例代码
2014/01/13 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
2017/04/26 Javascript
基于node下的http小爬虫的示例代码
2018/01/11 Javascript
Vue实现自定义下拉菜单功能
2018/07/16 Javascript
详解webpack-dev-server使用方法
2018/09/14 Javascript
小程序实现日历左右滑动效果
2019/10/21 Javascript
python网络编程实例简析
2014/09/26 Python
在Python中用split()方法分割字符串的使用介绍
2015/05/20 Python
python subprocess 杀掉全部派生的子进程方法
2017/01/16 Python
教你如何编写、保存与运行Python程序的方法
2019/07/12 Python
pygame实现贪吃蛇游戏(上)
2019/10/29 Python
Python基础之函数基本用法与进阶详解
2020/01/02 Python
Python实现鼠标自动在屏幕上随机移动功能
2020/03/14 Python
Python创建临时文件和文件夹
2020/08/05 Python
Python 在局部变量域中执行代码
2020/08/07 Python
python将数据插入数据库的代码分享
2020/08/16 Python
Django用户认证系统如何实现自定义
2020/11/12 Python
基于CSS3的CSS 多栏(Multi-column)实现瀑布流源码分享
2014/06/11 HTML / CSS
Html5实现单张、多张图片上传功能
2019/04/28 HTML / CSS
Free People中国官网:波西米亚风格女装服饰
2016/08/30 全球购物
英国领先的电动可调床制造商:Laybrook
2019/12/26 全球购物
自查自纠整改报告
2014/11/06 职场文书
焦裕禄纪念馆观后感
2015/06/09 职场文书
初任公务员培训心得体会
2016/01/08 职场文书
怎样写工作总结啊!
2019/06/18 职场文书
vue backtop组件的实现完整代码
2021/04/07 Vue.js
golang 实现两个结构体复制字段
2021/04/28 Golang
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
解决ubuntu安装软件时,status-code=409报错的问题
2022/12/24 Servers