javascript中正则表达式的基础语法
前面的话
正则表达式在人们的印象中可能是一堆无法理解的字符,但就是这些符号却实现了字符串的高效操作。通常的情况是,问题本身并不复杂,但没有正则表达式就成了大问题。javascript中的正则表达式作为相当重要的知识,本文将介绍正则表达式的基础语法
定义
正则表达式(Regular Expression)是一门简单语言的语法规范,是强大、便捷、高效的文本处理工具,它应用在一些方法中,对字符串中的信息实现查找、替换和提取操作
javascript中的正则表达式用RegExp对象表示,有两种写法:一种是字面量写法;另一种是构造函数写法
Perl写法
正则表达式字面量写法,又叫Perl写法,因为javascript的正则表达式特性借鉴自Perl
正则表达式字面量定义为包含在一对斜杠(/)之间的字符,并且可以设置3个标志
- var expression = /pattern/flags;
正则表达式的匹配模式支持下列3个标志:
g:表示全局(global)模式,即模式将被应用于所有字符串,而并非在发现第一个匹配项时立即停止
i:表示不区分大小写(case-insensitive)模式,即在确定匹配项时忽略模式与字符串的大小写
m:表示多行(multiline)模式,即在到达一行文本末尾时还会继续查找下一行中是否存在与模式匹配的项
- //匹配字符串所有'at'的实例
- var p = /at/g;
- //test()方法返回一个布尔值表示是否可以找到匹配项
- console.log(p.test('ata'));//true
- console.log(p.test('aba'));//false
RegExp构造函数
和普通的内置对象一样,RegExp正则表达式对象也支持new RegExp()构造函数的形式
RegExp构造函数接收两个参数:要匹配的字符串模式(pattern)和可选的标志字符串(flags),标志字符串和字面量的三个标志含义相同:'g'、'i'、'm'
RegExp构造函数的两个参数都是字符串。且使用字面量形式定义的任何表达式都可使用构造函数
- //匹配字符串所有'at'的实例
- var p1 = /at/g;
- //同上
- var p2 = new RegExp('at','g');
[注意]ES3规范规定,一个正则表达式直接量会在执行到它时转换为一个RegExp对象,同一段代码所表示正则表达式直接量的每次运算都返回同一个对象。ES5规范则做了相反的规定,同一段代码所表示的正则表达式直接量的每次运算都返回新对象。IE6-8一直是按照ECMAScript5规范的方式实现的,所以并没有兼容性问题
特点
javascript中的正则表达式最大的特点是不支持空白,必须写在一行中
- //匹配ab
- console.log(/ab/.test('ab')); //true
- console.log(/ ab/.test('ab')); //false
- console.log(/a b/.test('ab')); //false
- console.log(/ab /.test('ab')); //false
元字符
大部分字符在正则表达式中,就是字面的含义,比如/a/匹配a,/b/匹配b
- /dog/.test("old dog") // true
但还有一些字符,它们除了字面意思外,还有着特殊的含义,这些字符就是元字符
在javascript中,共有14个元字符(meta-character)
- () [] {} \ ^ $ | ? * + .
- 元字符 名称 匹配对象
- . 点号 单个任意字符(除回车\r、换行\n、行分隔符\u2028和段分隔符\u2029外)
- [] 字符组 列出的单个任意字符
- [^] 排除型字符组 未列出的单个任意字符
- ? 问号 匹配0次或1次
- * 星号 匹配0交或多次
- + 加号 匹配1次或多次
- {min,max} 区间量词 匹配至少min次,最多max次
- ^ 脱字符 行的起始位置
- $ 美元符 行的结束位置
- | 竖线 分隔两边的任意一个表达式
- () 括号 限制多选结构的范围,标注量词作用的元素,为反向引用捕获文本
- \1,\2... 反向引用 匹配之前的第一、第二...组括号内的表达式匹配的文本
转义字符
转义字符(escape)表示为反斜线(\)+字符的形式,共有以下3种情况
【1】因为元字符有特殊的含义,所以无法直接匹配。如果要匹配它们本身,则需要在它们前面加上反斜杠(\)
- console.log(/1+1/.test('1+1')); //false
- console.log(/1\+1/.test('1+1')); //true
- console.log(/\*/.test('*')); //true
- console.log(/*/.test('*')); //报错
但实际上,并非14个元字符都需要转义,右方括号]和右花括号}不需要转义
- console.log(/]/.test(']')); //true
- console.log(/\]/.test(']')); //true
- console.log(/\}/.test('}')); //true
- console.log(/}/.test('}')); //true
【2】'\'加非元字符,表示一些不能打印的特殊字符
- \0 NUL字符\u0000
- [\b] 匹配退格符\u0008,不要与\b混淆
- \t 制表符\u0009
- \n 换行符\u000A
- \v 垂直制表符\u000B
- \f 换页符\u000C
- \r 回车符\u000D
- \xnn 由十六进制数nn指定的拉丁字符
- \uxxxx 由十六进制数xxxx指定的Unicode字符(\u4e00-\u9fa5代表中文)
- \cX 控制字符^X,表示ctrl-[X],其中的X是A-Z之中任一个英文字母,用来匹配控制字符
【3】'\'加任意其他字符,默认情况就是匹配此字符,也就是说,反斜线(\)被忽略了
- console.log(/\x/.test('x')); //true
- console.log(/\y/.test('y')); //true
- console.log(/\z/.test('z')); //true
双重转义
由于RegExp构造函数的参数是字符串,所以某些情况下,需要对字符进行双重转义
字符\在正则表达式字符串中通常被转义为\\
- var p1 = /\.at/;
- //等价于
- var p2 = new RegExp('\\.at');
- var p1 = /name\/age/;
- //等价于
- var p2 = new RegExp('name\\/age');
- var p1 = /\w\\hello\\123/;
- //等价于
- var p2 = new RegExp('\\w\\\\hello\\\\123');
字符组
字符组(Character Class),有的编译成字符类或字符集。简单而言,就是指用方括号表示的一组字符,它匹配若干字符之一
- //匹配0-9这10个数字之一
- var p = /[0123456789]/;
- p.test('1');//true
- p.test('a');//false
[注意]字符组中的字符排列顺序并不影响字符组的功能,出现重复字符也不会影响
- /[0123456789]/
- //等价于
- /[9876543210]/
- //等价于
- /[1234567890123456789]/
范围
正则表达式通过连字符(-)提供了范围表示法,可以简化字符组
- /[0123456789]/
- //等价于
- /[0-9]/
- /[abcdefghijklmnopqrstuvwxyz]/
- //等价于
- /[a-z]/
连字符(-)表示的范围是根据ASCII编码的码值来确定的,码值小的在前,码值大的在后
所以[0-9]是合法的,而[9-0]会报错
- //匹配0-9这10个数字之一
- var p1 = /[0-9]/;
- p1.test('1');//true
- var p2 = /[9-0]/;//报错
- p2.test('1');
在字符组中可以同时并列多个'-'范围
- /[0-9a-zA-Z]/;//匹配数字、大写字母和小写字母
- /[0-9a-fA-F]/;//匹配数字,大、小写形式的a-f,用来验证十六进制字符
- console.log(/[0-9a-fA-F]/.test('d'));//true
- console.log(/[0-9a-fA-F]/.test('x'));//false
只有在字符组内部,连字符'-'才是元字符,表示一个范围,否则它就只能匹配普通的连字符号
[注意]如果连字符出现在字符组的开头或末尾,它表示的也是普通的连字符号,而不是一个范围
- //匹配中划线
- console.log(/-/.test('-'));//true
- console.log(/[-]/.test('-'));//true
- //匹配0-9的数字或中划线
- console.log(/[0-9]/.test('-'));//false
- console.log(/[0-9-]/.test('-'));//true
- console.log(/[0-9\-]/.test('-'));//true
- console.log(/[-0-9]/.test('-'));//true
- console.log(/[\-0-9]/.test('-'));//true
排除
字符组的另一个类型是排除型字符组,在左方括号后紧跟一个脱字符'^'表示,表示在当前位置匹配一个没有列出的字符
所以[^0-9]表示0-9以外的字符
- //匹配第一个是数字字符,第二个不是数字字符的字符串
- console.log(/[0-9][^0-9]/.test('1e'));//true
- console.log(/[0-9][^0-9]/.test('q2'));//false
[注意]在字符组内部,脱字符'^'表示排除,而在字符组外部,脱字符'^'表示一个行锚点
^符号是元字符,在字符组中只要^符号不挨着左方括号就可以表示其本身含义,不转义也可以
- //匹配abc和^符号
- console.log(/[a-c^]/.test('^'));//true
- console.log(/[a-c\^]/.test('^'));//true
- console.log(/[\^a-c]/.test('^'));//true
在字符组中,只有^、-、[、]这4个字符可能被当做元字符,其他有元字符功能的字符都只表示其本身
- console.log(/[[1]]/.test('['));//false
- console.log(/[[1]]/.test(']'));//false
- console.log(/[\1]/.test('\\'));//false
- console.log(/[^^]/.test('^'));//false
- console.log(/[1-2]/.test('-'));//false
- console.log(/[\[1\]]/.test('['));//true
- console.log(/[\[1\]]/.test(']'));//true
- console.log(/[\\]/.test('\\'));//true
- console.log(/[^]/.test('^'));//true
- console.log(/[1-2\-]/.test('-'));//true
- console.log(/[(1)]/.test('('));//true
- console.log(/[(1)]/.test(')'));//true
- console.log(/[{1}]/.test('{'));//true
- console.log(/[{1}]/.test('}'));//true
- console.log(/[1$]/.test('$'));//true
- console.log(/[1|2]/.test('|'));//true
- console.log(/[1?]/.test('?'));//true
- console.log(/[1*]/.test('*'));//true
- console.log(/[1+]/.test('+'));//true
- console.log(/[1.]/.test('.'));//true
简记
用[0-9]、[a-z]等字符组,可以很方便地表示数字字符和小写字母字符。对于这类常用字符组,正则表达式提供了更简单的记法,这就是字符组简记(shorthands)
常见的字符组简记有\d、\w、\s。其中d表示(digit)数字,w表示(word)单词,s表示(space)空白
正则表达式也提供了对应排除型字符组的简记法:\D、\W、\S。字母完全相同,只是改为大写,这些简记法匹配的字符互补
- \d 数字,等同于[0-9]
- \D 非数字,等同于[^0-9]
- \s 空白字符,等同于[\f\n\r\t\u000B\u0020\u00A0\u2028\u2029]
- \S 非空白字符,等同于[^\f\n\r\t\u000B\u0020\u00A0\u2028\u2029]
- \w 字母、数字、下划线,等同于[0-9A-Za-z_](汉字不属于\w)
- \W 非字母、数字、下划线,等同于[^0-9A-Za-z_]
[注意]\w不仅包括字母、数字,还包括下划线。在进行数字验证时,只允许输入字母和数字时,不可以使用\w,而应该使用[0-9a-zA-Z]
任意字符
人们一般认为点号可以代表任意字符,其实并不是
.点号代表除回车(\r)、换行(\n) 、行分隔符(\u2028)和段分隔符(\u2029)以外的任意字符
妥善的利用互补属性,可以得到一些巧妙的效果。比如,[\s\S]、[\w\W]、[\d\D]都可以表示任意字符
- //匹配任意字符
- console.log(/./.test('\r'));//false
- console.log(/[\s\S]/.test('\r'));//true
量词
根据字符组的介绍,可以用字符组[0-9]或\d来匹配单个数字字符,如果用正则表达式表示更复杂的字符串,则不太方便
- //表示邮政编码6位数字
- /[0-9][0-9][0-9][0-9][0-9][0-9]/;
- //等价于
- /\d\d\d\d\d\d/;
正则表达式提供了量词,用来设定某个模式出现的次数
- {n} 匹配n次
- {n,m} 匹配至少n次,最多m次
- {n,} 匹配至少n次
- ? 相当于{0,1}
- * 相当于{0,}
- + 相当于{1,}
- //表示邮政编码6位数字
- /\d{6}/;
美国英语和英国英语有些词的写法不一样,如果traveler和traveller,favor和favour,color和colour
- //同时匹配美国英语和英国英语单词
- /travell?er/;
- /favou?r/;
- /colou?r/;
协议名有http和https两种
- /https?/;
量词广泛应用于解析HTML代码。HTML是一种标签语言,它包含各种各样的标签,比如<head>、<img>、<table>。它们都是从<开始,到>结束,而标签名的长度不同
- console.log(/<[^<>]+>/.test('<head>'));//true
- console.log(/<[^<>]+>/.test('<img>'));//true
- console.log(/<[^<>]+>/.test('<>'));//false
HTML标签不能为空标签,而引号字符串的两个引号之间可以为0个字符
- console.log(/'[^']*'/.test("''"));//true
- console.log(/'[^']*'/.test("'abc'"));//true
贪婪模式
默认情况下,量词都是贪婪模式(greedy quantifier),即匹配到下一个字符不满足匹配规则为止
- //exec()方法以数组的形式返回匹配结果
- /a+/.exec('aaa'); // ['aaa']
懒惰模式
懒惰模式(lazy quantifier)和贪婪模式相对应,在量词后加问号'?'表示,表示尽可能少的匹配,一旦条件满足就再不往下匹配
- {n}? 匹配n次
- {n,m}? 匹配至少n次,最多m次
- {n,}? 匹配至少n次
- ?? 相当于{0,1}
- *? 相当于{0,}
- +? 相当于{1,}
- /a+?/.exec('aaa'); // ['a']
匹配<script></script>之间的代码看上去很容易
- /<script>[\s\S]*<\/script>/
- //["<script>alert("1");</script>"]
- /<script>[\s\S]*<\/script>/.exec('<script>alert("1");</script>');
但如果多次出现script标签,就会出问题
- //["<script>alert("1");</script><br><script>alert("2");</script>"]
- /<script>[\s\S]*<\/script>/.exec('<script>alert("1");</script><br><script>alert("2");</script>');
它把无用的<br>标签也匹配出来了,此时就需要使用懒惰模式
- //["<script>alert("1");</script>"]
- /<script>[\s\S]*?<\/script>/.exec('<script>alert("1");</script><br><script>alert("2");</script>');
在javascript中,/* */是注释的一种形式,在文档中可能出现多次,这时就必须使用懒惰模式
- /\/\*[\s\S]*?\*\//
- //["/*abc*/"]
- /\/\*[\s\S]*?\*\//.exec('/*abc*/<br>/*123*/');
括号
括号有两个功能,分别是分组和引用。具体而言,用于限定量词或选择项的作用范围,也可以用于捕获文本并进行引用或反向引用
分组
量词控制之前元素的出现次数,而这个元素可能是一个字符,也可能是一个字符组,也可以是一个表达式
如果把一个表达式用括号包围起来,这个元素就是括号里的表达式,被称为子表达式
如果希望字符串'ab'重复出现2次,应该写为(ab){2},而如果写为ab{2},则{2}只限定b
- console.log(/(ab){2}/.test('abab'));//true
- console.log(/(ab){2}/.test('abb'));//false
- console.log(/ab{2}/.test('abab'));//false
- console.log(/ab{2}/.test('abb'));//true
身份证长度有15位和18位两种,如果只匹配长度,可能会想当然地写成\d{15,18},实际上这是错误的,因为它包括15、16、17、18这四种长度。因此,正确的写法应该是\d{15}(\d{3})?
email地址以@分隔成两段,之前的部分是用户名,之后的部分是主机名
用户名允许出现数字、字母和下划线,长度一般在1-64个字符之间,则正则可表示为/\w{1,64}/
主机名一般表现为a.b.···.c,其中c为主域名,其他为级数不定的子域名,则正则可表示为/([-a-zA-z0-9]{1,63}\.)+[-a-zA-Z0-9]{1,63}/
所以email地址的正则表达式如下:
- var p =/\w{1,64}@([-a-zA-z0-9]{1,63}\.)+[-a-zA-Z0-9]{1,63}/;
- console.log(p.test('q@qq.com'));//true
- console.log(p.test('q@qq'));//false
- console.log(p.test('q@a.qq.com'));//true
捕获
括号不仅可以对元素进行分组,还会保存每个分组匹配的文本,等到匹配完成后,引用捕获的内容。因为捕获了文本,这种功能叫捕获分组
比如,要匹配诸如2016-06-23这样的日期字符串
- /(\d{4})-(\d{2})-(\d{2})/
与以往不同的是,年、月、日这三个数值被括号括起来了,从左到右为第1个括号、第2个括号和第3个括号,分别代表第1、2、3个捕获组
javascript有9个用于存储捕获组的构造函数属性
- RegExp.$1\RegExp.$2\RegExp.$3……到RegExp.$9分别用于存储第一、第二……第九个匹配的捕获组。在调用exec()或test()方法时,这些属性会被自动填充
- console.log(/(\d{4})-(\d{2})-(\d{2})/.test('2016-06-23'));//true
- console.log(RegExp.$1);//'2016'
- console.log(RegExp.$2);//'06'
- console.log(RegExp.$3);//'23'
- console.log(RegExp.$4);//''
而exec()方法是专门为捕获组而设计的,返回的数组中,第一项是与整个模式匹配的字符串,其他项是与模式中的捕获组匹配的字符串
- console.log(/(\d{4})-(\d{2})-(\d{2})/.exec('2016-06-23'));//["2016-06-23", "2016", "06", "23"]
捕获分组捕获的文本,不仅可以用于数据提取,也可以用于替换
replace()方法就是用于进行数据替换的,该方法接收两个参数,第一个参数为待查找的内容,而第二个参数为替换的内容
- console.log('2000-01-01'.replace(/-/g,'.'));//2000.01.01
在replace()方法中也可以引用分组,形式是$num,num是对应分组的编号
- //把2000-01-01的形式变成01-01-2000的形式
- console.log('2000-01-01'.replace(/(\d{4})-(\d{2})-(\d{2})/g,'$3-$2-$1'));//'01-01-2000'
反向引用
英文中不少单词都有重叠出现的字母,如shoot或beep。若想检查某个单词是否包含重叠出现的字母,则需要引入反向引用(back-reference)
反向引用允许在正则表达式内部引用之前捕获分组匹配的文本,形式是\num,num表示所引用分组的编号
- //重复字母
- /([a-z])\1/
- console.log(/([a-z])\1/.test('aa'));//true
- console.log(/([a-z])\1/.test('ab'));//false
反向引用可以用于建立前后联系。HTML标签的开始标签和结束标签是对应的
- //开始标签
- <([^>]+)>
- //标签内容
- [\s\S]*?
- //匹配成对的标签
- /<([^>]+)>[\s\S]*?<\/\1>/
- console.log(/<([^>]+)>[\s\S]*?<\/\1>/.test('<a>123</a>'));//true
- console.log(/<([^>]+)>[\s\S]*?<\/\1>/.test('<a>123</b>'));//false
非捕获
除了捕获分组,正则表达式还提供了非捕获分组(non-capturing group),以(?:)的形式表示,它只用于限定作用范围,而不捕获任何文本
比如,要匹配abcabc这个字符,一般地,可以写为(abc){2},但由于并不需要捕获文本,只是限定了量词的作用范围,所以应该写为(?:abc){2}
- console.log(/(abc){2}/.test('abcabc'));//true
- console.log(/(?:abc){2}/.test('abcabc'));//true
由于非捕获分组不捕获文本,对应地,也就没有捕获组编号
- console.log(/(abc){2}/.test('abcabc'));//true
- console.log(RegExp.$1);//'abc'
- console.log(/(?:abc){2}/.test('abcabc'));//true
- console.log(RegExp.$1);//''
非捕获分组也不可以使用反向引用
- /(?:123)\1/.test('123123');//false
- /(123)\1/.test('123123');//true
捕获分组和非捕获分组可以在一个正则表达式中同时出现
- console.log(/(\d)(\d)(?:\d)(\d)(\d)/.exec('12345'));//["12345", "1", "2", "4", "5"]
选择
竖线'|'在正则表达式中表示或(OR)关系的选择,以竖线'|'分隔开的多个子表达式也叫选择分支或选择项。在一个选择结构中,选择分支的数目没有限制
在选择结构中,竖线|用来分隔选择项,而括号()用来规定整个选择结构的范围。如果没有出现括号,则将整个表达式视为一个选择结构
选择项的尝试匹配次序是从左到右,直到发现了匹配项,如果某个选择项匹配就忽略右侧其他选择项,如果所有子选择项都不匹配,则整个选择结构匹配失败
- console.log(/12|23|34/.exec('1'));//null
- console.log(/12|23|34/.exec('12'));//['12']
- console.log(/12|23|34/.exec('23'));//['23']
- console.log(/12|23|34/.exec('2334'));//['23']
ip地址一般由3个点号和4段数字组成,每段数字都在0-255之间
- (00)?\d; //0-9
- 0?[1-9]\d;//10-99
- 1\d{2};//100-199
- 2[0-4]\d;//200-249
- 25[0-5];//250-255
- //数字(0-255)
- /(00)?\d|0?[1-9]\d|1\d{2}|2[0-4]\d|25[0-5]/;
- //ip地址
- var ip = /^(((00)?\d|0?[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.){3}\2$/;
- console.log(ip.test('1.1.1.1'));//true
- console.log(ip.test('1.1.1'));//false
- console.log(ip.test('256.1.1.1'));//false
类似地,时间匹配也需要分段处理
- //月(1-12)
- 0?\d|1[0-2]
- //日(1-31)
- 0?\d|[12]\d|3[01]
- //小时(0-24)
- 0?\d|1\d|2[0-4]
- //分钟(0-60)
- 0?\d|[1-5]\d|60
手机号一般是11位,前3位是号段,后8位一般没有限制。而且,在手机开头很可能有0或+86
- //开头
- (0|\+86)?
- //前3位
- 13\d|14[579]|15[0-35-9]|17[0135-8]|18\d
- //后8位
- \d{8}
- //手机号码
- var phone = /(0|\+86)?(13\d|14[579]|15[0-35-9]|17[0135-8]|18\d)\d{8}/;
- console.log(phone.test('13453250661'));//true
- console.log(phone.test('1913250661'));//false
- console.log(phone.test('1345325061'));//false
在选择结构中,应该尽量避免选择分支中存在重复匹配,因为这样会大大增加回溯的计算量
- //不良的选择结构
- a|[ab]
- [0-9]|\w
断言
在正则表达式中,有些结构并不真正匹配文本,而只负责判断在某个位置左/右侧是否符合要求,这种结构被称为断言(assertion),也称为锚点(anchor),常见的断言有3种:单词边界、行开头结尾、环视
单词边界
在文本处理中可能会经常进行单词替换,比如把row替换成line。但是,如果直接替换,不仅所有单词row都被替换成line,单词内部的row也会被替换成line。要想解决这个问题,必须有办法确定单词row,而不是字符串row
为了解决这类问题,正则表达式提供了专用的单词边界(word boundary),记为\b,它匹配的是'单词边界'位置,而不是字符。\b匹配的是一边是单词字符\w,一边是非单词字符\W的位置
与\b对应的还有\B,表示非单词边界,但实际上\B很少使用
- console.log(/\ban\b/.test('an apple'));//true
- console.log(/\ban\b/.test('a an'));//true
- console.log(/\ban\b/.test('an'));//true
- console.log(/\ban\b/.test('and'));//false
- console.log(/\ban\b/.test('ban'));//false
起始结束
常见的断言还有^和$,它们分别匹配字符串的开始位置和结束位置,所以可以用来判断整个字符串能否由表达式匹配
- //匹配第一个单词
- console.log(/^\w*/.exec('first word\nsecond word\nthird word'));//['first']
- //匹配最后一个单词
- console.log(/\w*$/.exec('first word\nsecond word\nthird word'));//['word']
- console.log(/^a$/.test('a\n'));//false
- console.log(/^a$/.test('a'));//true
^和$的常用功能是删除字符串首尾多余的空白,类似于字符串String对象的trim()方法
- function fnTrim(str){
- return str.replace(/^\s+|\s+$/,'')
- }
- console.log(fnTrim(' hello world '));//'hello world'
环视
环视(look-around),可形象地解释为停在原地,四处张望。环视类似于单词边界,在它旁边的文本需要满足某种条件,而且本身不匹配任何字符
环视分为正序环视和逆序环视,而javascript只支持正序环视,相当于只支持向前看,不支持往回看
而正序环视又分为肯定正序环视和否定正序环视
肯定正序环视的记法是(?=n),表示前面必须是n才匹配;否定正序环视的记忆法是(?!n),表示前面必须不是n才匹配
- console.log(/a(?=b)/.exec('abc'));//['a']
- console.log(/a(?=b)/.exec('ac'));//null
- console.log(/a(?!b)/.exec('abc'));//null
- console.log(/a(?!b)/.exec('ac'));//['a']
- console.log(/a(?=b)b/.exec('abc'));//['ab']
[注意]环视虽然也用到括号,却与捕获型分组编号无关;但如果环视结构出现捕获型括号,则会影响分组
- console.log(/ab(?=cd)/.exec('abcd'));['ab']
- console.log(/ab(?=(cd))/.exec('abcd'));['ab','cd']
匹配模式
匹配模式(match mode)指匹配时使用的规则。设置特定的模式,可能会改变对正则表达式的识别。前面已经介绍过创建正则表达式对象时,可以设置'm'、'i'、'g'这三个标志,分别对应多行模式、不区分大小模式和全局模式三种
i
默认地,正则表达式是区分大小写的,通过设置标志'i',可以忽略大小写(ignore case)
- console.log(/ab/.test('aB'));//false
- console.log(/ab/i.test('aB'));//true
m
默认地,正则表达式中的^和$匹配的是整个字符串的起始位置和结束位置,而通过设置标志'm',开启多行模式,它们也能匹配字符串内部某一行文本的起始位置和结束位置
- console.log(/world$/.test('hello world\n')); //false
- console.log(/world$/m.test('hello world\n')); //true
- console.log(/^b/.test('a\nb')); //false
- console.log(/^b/m.test('a\nb')); //true
g
默认地,第一次匹配成功后,正则对象就停止向下匹配了。g修饰符表示全局匹配(global),设置'g'标志后,正则对象将匹配全部符合条件的结果,主要用于搜索和替换
- console.log('1a,2a,3a'.replace(/a/,'b'));//'1b,2a,3a'
- console.log('1a,2a,3a'.replace(/a/g,'b'));//'1b,2b,3b'
优先级
正则表达式千变万化,都是由之前介绍过的字符组、括号、量词等基本结构组合而成的
- //从上到下,优先级逐渐降低
- \ 转义符
- () (?!) (?=) [] 括号、字符组、环视
- * + ? {n} {n,} {n,m} 量词
- ^ $ 起始结束位置
- | 选择
由于括号的用途之一就是为量词限定作用范围,所以优先级比量词高
- console.log(/ab{2}/.test('abab'));//false
- console.log(/(ab){2}/.test('abab'));//true
[注意]选择符'|'的优先级最低,比起始和结束位置都要低
- console.log(/^ab|cd$/.test('abc'));//true
- console.log(/^(ab|cd)$/.test('abc'));//false
局限性
尽管javascript中的正则表达式功能比较完备,但与其他语言相比,缺少某些特性
下面列出了javascript正则表达式不支持的特性
【1】POSIX字符组(只支持普通字符组和排除型字符组)
【2】Unicode支持(只支持单个Unicode字符)
【3】匹配字符串开始和结尾的\A和\Z锚(只支持^和$)
【4】逆序环视(只支持顺序环视)
【5】命名分组(只支持0-9编号的捕获组)
【6】单行模式和注释模式(只支持m、i、g)
【7】模式作用范围
【8】纯文本模式
参考资料
【1】 阮一峰Javascript标准参考教程——标准库RegExp对象 http://javascript.ruanyifeng.com/stdlib/regexp.html
【2】《正则指引》
【3】《精通正则表达式》
【4】《javascript权威指南(第6版)》第10章 正则表达式的模式匹配
【5】《javascript高级程序设计(第3版)》第5章 引用类型
【6】《javascript语言精粹(修订版)》第7章 正则表达式
javascript中正则表达式的基础语法的更多相关文章
- 详解Javascript中正则表达式的使用
正则表达式用来处理字符串特别好用,在JavaScript中能用到正则表达式的地方有很多,本文对正则表达式基础知识和Javascript中正则表达式的使用做一个总结. 第一部分简单列举了正则表达式在Ja ...
- JavaScript正则表达式详解(二)JavaScript中正则表达式函数详解
二.JavaScript中正则表达式函数详解(exec, test, match, replace, search, split) 1.使用正则表达式的方法去匹配查找字符串 1.1. exec方法详解 ...
- JavaScript中正则表达式判断匹配规则以及常用的方法
JavaScript中正则表达式判断匹配规则以及常用的方法: 字符串是编程时涉及到的最多的一种数据结构,对字符串进行操作的需求几乎无处不在. 正则表达式是一种用来匹配字符串的强有力的武器.它的设计思想 ...
- day29—JavaScript中DOM的基础知识应用
转行学开发,代码100天——2018-04-14 JavaScript中DOM操作基础知识即对DOM元素进行增删改操作.主要表现与HTML元素的操作,以及对CSS样式的操作.其主要应用知识如下图: 通 ...
- 二、JavaScript语言--JS基础--JavaScript进阶篇--JS基础语法
1.变量 定义:从字面上看,变量是可变的量:从编程角度讲,变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服.玩具.水果...等. 命名:变量名字可以任 ...
- JavaScript快速入门-ECMAScript基础语法
一.JavaScript引入方式 1.行内式 <script> alert(123); </script> 2.外链式 <script src='custom.js'&g ...
- python与JavaScript中正则表达式如何转换
使用python爬取网站数据的时候,总会遇到各种各样的反爬虫策略,有很大一部分都和JavaScript(以下简称为JS) 有关.在破解这些JS代码的过程中,经常会遇到模拟JS正则表达式的情况,因此,今 ...
- JavaScript表达式和运算符 —— 基础语法(4)
JavaScript基础语法(4) 运算符 运算符用于将一 个或者多个值变成结果值. 使用运算符的值称为操作数,运算符和操作数的组合称为表达式 JS中的运算符可以分成下面几类: 算术运算符 逻辑运算符 ...
- Javascript进阶篇——(JS基础语法)笔记整理
根据慕课网学习整理到一起的笔记,把东西整理到一起看起来比较方便 什么是变量字面意思:变量是可变的量:编程角度:变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可 ...
随机推荐
- *HDU2510 DFS
符号三角形 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submi ...
- C++STL -- vector实现
STL的vector简化实现 本质 vector说到底就是一个动态数组,我们需要做的就是管理动态数组的内存,和元素的增加,删除,移动等. template <typename T> cla ...
- PHPExcel中文开发手册翻译版(2)
2016年8月18日12:45:14 请注意这个是粗翻译版,仅供参考,不是精校版 精校版后面才会更新 PHPExcel开发者文档 1.目录 2. 4先决条件 2.1.软件要求4 2.2.安装说明4 2 ...
- x86指令集同频性能提升
x86近5000条指令,迄今为止最复杂的指令集.这里不研究CISC & RISC,也不考虑process制程变化,主要是看最近几代IA架构对于同频率下性能的提升. x86指令集nasm文档 h ...
- MySQL(无GUI) Windows安装和启动
1.在官网http://dev.mysql.com/downloads/下载 MySQL Community Server 2.解压后是这个样子: 3.找到cmd,并且用管理员权限启动,必须!不然那没 ...
- URL转Drawable之 Android中获取网络图片的三种方法
转载自: http://doinone.iteye.com/blog/1074283 Android中获取网络图片是一件耗时的操作,如果直接获取有可能会出现应用程序无响应(ANR:Applicatio ...
- SQL常用代码段
--STUFF 函数将字符串插入另一字符串.它在第一个字符串中从开始位置删除指定长度的字符:然后将第二个字符串插入第一个字符串的开始位置. STUFF ( character_expression , ...
- java中类继承,到底继承了什么?
继承的最大好处就是为了实现代码的复用.那么,子类到底从父类得到的什么呢? 实例成员 父类的private成员不会被子类继承,子类不能访问.但是子类对象的确包含父类的私有成员. 父类的 包访问成员 继承 ...
- WordPress基础:小工具的使用
通过外观->小工具对挂件区域的内容进行调整 比如添加个日历模块 保存后前台就会显示出来 如果不需要,反过来,把模块拖到左边就可以了.
- dynamoDb 使用
如果写入时候结构体为: type Item struct { DeviceId string `dynamo:"deviceid"` Play int `dynamo:" ...