RegExp 类型
RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。正则表达式的设计思想是用一种描述性的语言来给字符串定义一个规则,凡是符合规则的字符串,我们就认为它“匹配”了,否则,该字符串就是不合法的。
JavaScript有两种方式创建一个正则表达式,第一种方式是直接量语法 /pattern/attributes ;第二种方式是创建 RegExp 对象的语法:new RegExp(pattern, attributes)。参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。参数 attributes 是一个可选的字符串,包含属性 "g"、"i" 和 "m"。两种写法是一样的:
var re1 = /123\-aBc/g; var re2 = new RegExp('123\\-aBc','g');//因字符串的转义问题,字符串的两个\\实际上是一个\
正则表达式的匹配模式支持下列3 个标志(即上面例子中的attributes)。
- g:表示全局(global)模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即停止;
- i:表示不区分大小写(case-insensitive)模式,即在确定匹配项时忽略模式与字符串的大小写;
- m:表示多行(multiline)模式,即在到达一行文本末尾时还会继续查找下一行中是否存在与模式匹配的项。
因此,一个正则表达式就是一个模式与上述3 个标志的组合体。
正则表达式常用字符如下:
- 在正则表达式中,如果直接给出字符,就是精确匹配。用\d可以匹配一个数字;\w可以匹配一个字母或数字;
- .可以匹配任意字符;
- 要匹配变长的字符,在正则表达式中,用*表示任意个字符(包括0个);用+表示至少一个字符;用?表示0个或1个字符;用{n}表示n个字符,用{n,m}表示n-m个字符;
- 要做更精确地匹配,可以用[]表示范围,比如:
[0-9a-zA-Z\_]可以匹配一个数字、字母或者下划线;
[0-9a-zA-Z\_]+可以匹配至少由一个数字、字母或者下划线组成的字符串,比如'a110','0_Z','js2018'等等;
[a-zA-Z\_\$][0-9a-zA-Z\_\$]*可以匹配由字母或下划线、$开头,后接任意个由一个数字、字母或者下划线、$组成的字符串,也就是JavaScript允许的变量名;
[a-zA-Z\_\$][0-9a-zA-Z\_\$]{0, 15}更精确地限制了变量的长度是1-16个字符(前面1个字符+后面最多15个字符)。 - A|B可以匹配A或B,所以(J|j)ava(S|s)cript可以匹配'JavaScript'、'Javascript'、'javaScript'或'javascript';
- ^表示行的开头,^\d表示必须以数字开头;
- $表示行的结束,\d$表示必须以数字结束。
'00\d'可以匹配'002',但无法匹配'00A'; '\d\d\d'可以匹配'110'; '\w\w'可以匹配'js'; 'js.'可以匹配'jsp'、'jss'、'js!'等等。 \d{3}\s+\d{3,8}解读如下: \d{3}表示匹配3个数字,例如'110';\s可以匹配一个空格(也包括Tab等空白符),所以\s+表示至少有一个空格,例如匹配' ','\t\t'等;\d{3,8}表示3-8个数字,例如'1234567'。综合起来,上面的正则表达式可以匹配以任意个空格隔开的带区号的电话号码。 如果要匹配'010-12345'这样的号码呢?由于'-'是特殊字符,在正则表达式中,要用'\'转义,所以,上面的正则是\d{3}\-\d{3,8}。 但是,仍然无法匹配'010 - 12345',因为带有空格。所以我们需要更复杂的匹配方式。
RegExp对象的test()方法,它接受一个字符串参数。在正则表达式与该参数匹配的情况下返回true;否则,返回false。RegExp 对象的exec()方法是专门为捕获组而设计的。exec()接受一个参数,即要应用模式的字符串,然后返回包含第一个匹配项信息的数组;或者在没有匹配项的情况下返回null。如下面例子所示:
var re = /^\d{3}\-\d{3,8}$/; re.test('010-12345'); // true re.test('010-1234x'); // false re.test('010 12345'); // false // exec()方法下面再详细讲
用正则表达式切分字符串比用固定的字符更灵活,比如:
'a,b;; c d'.split(/[\s\,\;]+/); // ['a', 'b', 'c', 'd'] 如果用户输入了一组标签,可以用正则表达式来把不规范的输入转化成正确的数组。除了简单地判断是否匹配之外,正则表达式还有提取子串的强大功能。用()表示的就是要提取的分组(Group)。比如:
^(\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如果正则表达式中定义了组,就可以在RegExp对象上用exec()方法提取出子串来。
exec()方法在匹配成功后,会返回一个Array,第一个元素是正则表达式匹配到的整个字符串,后面的字符串表示匹配成功的子串。
exec()方法在匹配失败时返回null。
提取子串非常有用。如下面的例子: var re = /^(0[0-9]|1[0-9]|2[0-3]|[0-9])\:(0[0-9]|1[0-9]|2[0-9]|3[0-9]|4[0-9]|5[0-9]|[0-9])\:(0[0-9]|1[0-9]|2[0-9]|3[0-9]|4[0-9]|5[0-9]|[0-9])$/; re.exec('19:05:30'); // ['19:05:30', '19', '05', '30'] 这个正则表达式可以直接识别合法的时间。但是有些时候,用正则表达式也无法做到完全验证,比如识别日期: var re = /^(0[1-9]|1[0-2]|[0-9])-(0[1-9]|1[0-9]|2[0-9]|3[0-1]|[0-9])$/; 对于'2-30','6-31'这样的非法日期,用正则还是识别不了,或者说写出来非常困难,这时就需要程序配合识别了。贪婪匹配
正则匹配默认是贪婪匹配,也就是匹配尽可能多的字符。举例如下,匹配出数字后面的0:
var re = /^(\d+)(0*)$/; re.exec('1023400'); // ['1023400', '1023400', '']由于\d+采用贪婪匹配,直接把后面的0全部匹配了,结果0*只能匹配空字符串了。
必须让\d+采用非贪婪匹配(也就是尽可能少匹配),才能把后面的0匹配出来,加个?就可以让\d+采用非贪婪匹配:
var re = /^(\d+?)(0*)$/; re.exec('1023400'); // ['1023400', '10234', '00']全局搜索
JavaScript的正则表达式还有几个特殊的标志,最常用的是g,表示全局匹配。
对于exec()方法而言,即使在模式中设置了全局标志(g),它每次也只会返回一个匹配项。在不设置全局标志的情况下,在同一个字符串上多次调用exec()将始终返回第一个匹配项的信息。而在设置全局标志的情况下,每次调用exec()则都会在字符串中继续查找新匹配项,如下面的例子所示。
var text = "cat, bat, sat, fat"; var pattern1 = /.at/; var matches = pattern1.exec(text); console.log(matches.index); //0 console.log(matches[0]); //cat console.log(pattern1.lastIndex); //0 matches = pattern1.exec(text); console.log(matches.index); //0 console.log(matches[0]); //cat console.log(pattern1.lastIndex); //0
var pattern2 = /.at/g; var matches = pattern2.exec(text); console.log(matches.index); //0 console.log(matches[0]); //cat console.log(pattern2.lastIndex); //3 matches = pattern2.exec(text); console.log(matches.index); //5 console.log(matches[0]); //bat console.log(pattern2.lastIndex); //8这个例子中的第一个模式pattern1 不是全局模式,因此每次调用exec()返回的都是第一个匹配项("cat")。而第二个模式pattern2 是全局模式,因此每次调用exec()都会返回字符串中的下一个匹配项,直至搜索到字符串末尾为止。此外,还应该注意模式的lastIndex 属性的变化情况。在全局匹配模式下,lastIndex 的值在每次调用exec()后都会增加,而在非全局模式下则始终保持不变。