当前位置:首页 > 日记 > 正文

JavaScript中正则表达式判断匹配规则及常用方法

JavaScript中正则表达式判断匹配规则及常用方法

字符串是编程时涉及到的最多的一种数据结构,对字符串进行操作的需求几乎无处不在。 正则表达式是一种用来匹配字符串的强有力的武器。它的设计思想是用一种描述性的语言来给字符串定义一个规则,凡是符合规则的字符串,我们就认为它“匹配”了。 

\d可以匹配一个数字                 '00\d'可以匹配'007' ,'\d\d\d'可以匹配'010'
\w可以匹配一个字母或数字      '\w\w'可以匹配'js'
\s可以匹配一个空格(也包括Tab等空白符)
\DWS都是表示匹配与小写字母相反的匹配关系
\数字n表示指向第n个分组捕获到的字符串文本的一个引用,能够再次被匹配       /(\d+)(0*)\1/可以匹配‘22300223'
.可以匹配任意字符                  'js.'可以匹配'jsp'、'jss'、'js!' 

正则表达式量词:

*表示任意个字符(包括0个)
+表示至少一个字符
?表示0个或1个字符
{n}表示n个字符
{n,m}表示n-m个字符 

A|B可以匹配A或B       (J|j)ava(S|s)cript可以匹配'JavaScript'、'Javascript'、'javaScript'或者'javascript'

^表示行的开头          ^\d表示必须以数字开头

$表示行的结束          \d$表示必须以数字结束

[]表示范围,字符类                          

[a-zA-Z\_\$][0-9a-zA-Z\_\$]*可以匹配由字母或下划线、$开头,后接任意个由一个数字、字母或者下划线、$组成的字符串,也就是JavaScript允许的变量名

[a-zA-Z\_\$][0-9a-zA-Z\_\$]{0, 19}更精确地限制了变量的长度是1-20个字符(前面1个字符+后面最多19个字符)

[] 中的^ 表示排除某个字符     [^#?] 表示除了?和#的所有字符     

()表示捕获型分组,可以将匹配的字符串进行分组,提取子串。

如果正则表达式中定义了组,就可以在RegExp对象上用exec()方法提取出子串来。

exec()匹配成功后,返回一个Array,第一个元素是正则表达式匹配到的整个字符串,后面的字符串表示匹配成功的子串。

exec()匹配失败时返回null。

^(\d{3})-(\d{3,8})$分别定义了两个组,可以直接从匹配的字符串中提取出区号和本地号码:

var re = /^(\d{3})-(\d{3,8})$/;re.exec('010-12345'); // ['010-12345', '010', '12345']re.exec('010 12345'); // null 

(?:) 分组不想被捕获的时候使用,可以提高程序执行速度,非捕获型分组不会干扰捕获型分组编号。

用正则表达式切分字符串比用固定的字符更灵活

'a,b;; c d'.split(/[\s\,\;]+/); // ['a', 'b', 'c', 'd']  

RegExp对象的test()方法用于测试给定的字符串是否符合条件。

var re = /^\d{3}\-\d{3,8}$/;re.test('010-12345'); // truere.test('010-1234x'); // false

需要特别指出的是,正则匹配默认是贪婪匹配,也就是匹配尽可能多的字符。

var re = /^(\d+)(0*)$/;re.exec('102300'); // ['102300', '102300', '']

由于\d+采用贪婪匹配,直接把后面的0全部匹配了,结果0*只能匹配空字符串了。

加个?就可以让\d+采用非贪婪匹配:

var re = /^(\d+?)(0*)$/;re.exec('102300'); // ['102300', '1023', '00'] 

特殊标志

g标志 ,表示全局匹配

i标志,表示忽略大小写

m标志,表示执行多行匹配 

需要使用转义符' \ '的15个特殊字符

/ \ [ ] ( ) { } ? + * | . ^ $

总结

以上所述是小编给大家介绍的JavaScript中正则表达式判断匹配规则及常用方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

JavaScript实现提交模式窗口后刷新

JavaScript实现提交模式窗口后刷新

刷新,提交,模式,方法,数据,本文实例讲述了JavaScript实现提交模式窗口后刷新父窗口数据的方法。分享给大家供大家参考,具体如下:有些时间,按需求设计,一个窗口中,点击按扭,弹出模式窗口,在模式窗口中,添加完数据后(提交),关闭模式窗口,并且刷新父窗口,而…

Javascript中 带名 匿名 箭头函数

Javascript中 带名 匿名 箭头函数

推荐,函数,箭头,区别,电脑软件,带名函数是指函数显示地给出了一个名字的函数,function abs(x){}。匿名函数是指函数只带有function这个关键字,而没有像abs这种函数名称的函数,如function(){}。ES6标准新增了一种新的函数:Arrow Function(箭头函…

Centos6.8下Node.js安装教程

Centos6.8下Node.js安装教程

安装教程,电脑软件,Node,js,思路:采用编译好的文件进行安装一 使用 wget 下载到 Node.js 官网(https://nodejs.org/en/download/) 选择要下载的编译版本(Source Code),复制链接cd /usr/local/src // 安装路径wget https://nodejs.org/dist/v6.10.…

ppt2010控件无法激活怎么解决图文

ppt2010控件无法激活怎么解决图文

激活,控件,解决方法,图文教程,常用快捷键,  我们在使用PPT文件的时候,可能会遇到如下问题:在自己制作PPT文件的电脑中能正常播放插入的Flash,但是弹出控件无法激活怎么办?下面小编马上就告诉大家解决控件无法激活的方法。ppt2010控件无法激…

详解Vue.js 2.0 如何使用axios

详解Vue.js 2.0 如何使用axios

如何使用,详解,电脑软件,Vue,axios,Vue.js 1.0 我们常使用 vue-resource (官方ajax库), Vue 2.0 发布后作者宣告不再对 vue-resource 进行更新, 推荐我们使用 axios (基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用)安装 …

详解vue2 $watch要注意的问题

详解vue2 $watch要注意的问题

要注意,详解,电脑软件,watch,使用$watch监听的时候,监听的数据是一个对象的时候,要注意几点:监听组件内某个对象里面的某项属性时,不要监听对象,直接监听对象里面的属性(深度监听),只有直接监听这个对象里面的属性,只更新对象里面的属性时也能直接监…

Photoshop 绘制蓝色水晶网页按钮

Photoshop 绘制蓝色水晶网页按钮

绘制,网页,按钮,水晶,蓝色,1.创建背景 首先,我们必须新建ps文档.大小为200*200像素. 使用圆角矩形工具创建类似形状: 在新图层上更改样式如下: 使用椭圆选框工具选出如下形状: 现在选择你的第一个图层,运行 选择>载入选区,按确定键.然…

php7安装mongoDB扩展的方法分析

php7安装mongoDB扩展的方法分析

扩展,方法,安装,电脑软件,mongoDB,本文讲述了php7安装monDB扩展的方法。分享给大家供大家参考,具体如下:这里我们使用pecl命令来安装首先来到php7的安装目录$ /usr/local/php7/bin/pecl install mondb回车,执行成功后,会输出以下结果:……Build …

jQuery实现表格奇偶行显示不同背景

jQuery实现表格奇偶行显示不同背景

奇偶,背景色,显示,表格,简单,做表格的时候,经常要让奇偶行显示不同背景色,一来使表格显得更美观,二来使同行数据查找更快捷方便。通常我们是怎么实现的呢?就是在每个tr标签上加css样式。代码如下所示:<html><style type="text/css">.odd { bac…

PS怎么制作一个晚安表情包?

PS怎么制作一个晚安表情包?

表情,电脑软件,PS,晚安表情包适合在晚上使用,这样的一个表情包能够很好的传递人与人之间的这种亲切性。要制作这样的一个表情包并不难,睡觉表情与月亮元素是非常动感的。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新…

PPT如何设置缩放比例图文教程

PPT如何设置缩放比例图文教程

缩放比例,图文教程,设置,方法,如何设置,  PPT中插入了图片,在播放时候,怎样才能引起观众的注意呢?方法很多,我们今天就介绍一种,通过放大和缩小照片,吸引观众的目光!下面小编马上就告诉大家PPT设置图片缩放比例的方法。在PPT设置图片缩放比例…

JavaScript实现网页头部进度条刷新

JavaScript实现网页头部进度条刷新

网页,刷新,进度条,电脑软件,JavaScript,本文刷新会头部会出现,因为并没有真正的参与到浏览器加载是否完整这个渲染过程中来,所以只是一个表象,并不是说这个显示完了就浏览器也加载完了所以资源。效果图:先看下html:就两个标签<div id="barbg"…