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中的prototype属性实例分析说明
Aug 09 Javascript
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素
Jul 31 Javascript
jQuery:节点(插入,复制,替换,删除)操作
Mar 04 Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
纯js代码实现简单计算器
Dec 02 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
Aug 03 Javascript
JS实现复选框的全选和批量删除功能
Apr 05 Javascript
基于JavaScript实现无限加载瀑布流
Jul 21 Javascript
vue使用vue-cli快速创建工程
Jul 28 Javascript
基于Webpack4和React hooks搭建项目的方法
Feb 05 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
Aug 12 Javascript
Bootstrap实现模态框效果
Sep 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
php5中类的学习
2008/03/28 PHP
php计算当前程序执行时间示例
2014/04/24 PHP
php上传图片生成缩略图(GD库)
2016/01/06 PHP
php实现xml转换数组的方法示例
2017/02/03 PHP
使用php实现网站验证码功能【推荐】
2017/02/09 PHP
PHP后期静态绑定实例浅析
2018/12/21 PHP
PHP实现的策略模式示例
2019/03/20 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
2013/04/28 Javascript
jquery中通过父级查找进行定位示例
2013/06/28 Javascript
jquery批量控制form禁用的代码
2013/08/06 Javascript
jquery实现文字由下到上循环滚动的实例代码
2013/08/09 Javascript
jquery中$.post()方法的简单实例
2014/02/04 Javascript
jquerymobile局部渲染的各种刷新方法小结
2014/03/05 Javascript
Angularjs使用指令做表单校验的方法
2017/03/31 Javascript
vue实现app页面切换动画效果实例
2017/05/23 Javascript
详解webpack+express多页站点开发
2017/12/22 Javascript
vue 路由页面之间实现用手指进行滑动的方法
2018/02/23 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
2020/04/29 Javascript
JavaScript实现弹出窗口效果
2020/12/09 Javascript
[55:35]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第二场 1月22日
2021/03/11 DOTA
python判断windows系统是32位还是64位的方法
2015/05/11 Python
Django中处理出错页面的方法
2015/07/15 Python
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
分享一个H5原生form表单的checkbox特效代码
2018/02/26 HTML / CSS
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
中国电视购物:快乐购
2017/02/04 全球购物
比驿:全球酒店比价网
2018/06/20 全球购物
化石印度尼西亚在线商店:Fossil Indonesia
2019/03/11 全球购物
钳工实习自我鉴定
2013/09/19 职场文书
法学专业应届生求职信
2013/10/16 职场文书
2014乡镇“三八”国际劳动妇女节活动总结
2014/03/01 职场文书
群众路线教育实践活动心得体会
2014/03/07 职场文书
土地转让协议书范本
2014/04/15 职场文书
关于召开会议的通知
2015/04/15 职场文书
考研经验交流会策划书
2015/11/02 职场文书