一、概述
正则表达式（regular expression）是一种表达文本模式（即字符串结构）的方法，有点像字符串的模板，常常用作按照“给定模式”匹配文本的工具。正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。在很多文本编辑器里，正则表达式通常被用来检索、替换那些符合某个模式的文本。
JavaScript通过内置对象RegExp支持正则表达式，有两种方式创建正则表达式对象。例如，如果我们想匹配字符串中所有"at"的实例，可以这么写：
- 第一种：使用字面量，以斜杠表示开始和结束。
var reg=/at/g;
- 第二种：使用 RegExp 构造函数。
var reg=new RegExp('at','g');
上面两种写法是等价的，都新建了一个内容为at的正则表达式对象。它们的主要区别是，第一种方法在编译时新建正则表达式，第二种方法在运行时新建正则表达式。
最后的g代表全局，还有几个修饰符：
- g：global，全文搜索，不添加的话搜索到第一个结果停止搜索
- i：ingore case，忽略大小写，默认大小写敏感
- m：multiple lines，多行搜索
二、正则对象的属性和方法
(1)属性
正则对象的属性分成两类。
一类是修饰符相关，返回一个布尔值，表示对应的修饰符是否设置。
- ignoreCase：返回一个布尔值，表示是否设置了i修饰符，该属性只读。
- global：返回一个布尔值，表示是否设置了g修饰符，该属性只读。
- multiline：返回一个布尔值，表示是否设置了m修饰符，该属性只读。
var r = /abc/igm;
r.ignoreCase // true
r.global // true
r.multiline // true
另一类是与修饰符无关的属性，主要是下面两个。
- lastIndex：返回下一次开始搜索的位置。该属性可读写，但是只在设置了g修饰符时有意义。
- source：返回正则表达式的字符串形式（不包括反斜杠），该属性只读。
var r = /abc/igm;
r.lastIndex // 0
r.source // "abc"
(2)test()
正则对象的test方法返回一个布尔值，表示当前模式是否能匹配参数字符串。
/cat/.test('cats and dogs') // true
(2)exec()
正则对象的exec方法，可以返回匹配结果。如果发现匹配，就返回一个数组，成员是每一个匹配成功的子字符串，否则返回null。
var s = '_x_x';
var r1 = /x/;
var r2 = /y/;
r1.exec(s) // ["x"]
r2.exec(s) // null
三、字符串对象的方法
字符串对象的方法之中，有4种与正则对象有关。
- match()：返回一个数组，成员是所有匹配的子字符串。
- search()：按照给定的正则表达式进行搜索，返回一个整数，表示匹配开始的位置。
- replace()：按照给定的正则表达式进行替换，返回替换后的字符串。
- split()：按照给定规则进行字符串分割，返回一个数组，包含分割后的各个成员。
(1)String.prototype.match()
字符串对象的match方法对字符串进行正则匹配，返回匹配结果。
var s = '_x_x';
var r1 = /x/;
var r2 = /y/;
s.match(r1) // ["x"]
s.match(r2) // null
从上面代码可以看到，字符串的match方法与正则对象的exec方法非常类似：匹配成功返回一个数组，匹配失败返回null。
如果正则表达式带有g修饰符，则该方法与正则对象的exec方法行为不同，会一次性返回所有匹配成功的结果。
var s = 'abba';
var r = /a/g;
s.match(r) // ["a", "a"]
r.exec(s) // ["a"]
(2)String.prototype.search()
字符串对象的search方法，返回第一个满足条件的匹配结果在整个字符串中的位置。如果没有任何匹配，则返回-1。
'_x_x'.search(/x/)
// 1
上面代码中，第一个匹配结果出现在字符串的1号位置。
该方法会忽略g修饰符。
var r = /x/g;
r.lastIndex = 2; // 无效
'_x_x'.search(r) // 1
上面代码中，正则表达式使用g修饰符之后，使用lastIndex属性指定开始匹配的位置，结果无效，还是从字符串的第一个字符开始匹配。
(3)String.prototype.replace()
字符串对象的replace方法可以替换匹配的值。它接受两个参数，第一个是搜索模式，第二个是替换的内容。
str.replace(search, replacement)
搜索模式如果不加g修饰符，就替换第一个匹配成功的值，否则替换所有匹配成功的值。
'aaa'.replace('a', 'b') // "baa"
'aaa'.replace(/a/, 'b') // "baa"
'aaa'.replace(/a/g, 'b') // "bbb"
上面代码中，最后一个正则表达式使用了g修饰符，导致所有的b都被替换掉了。
replace方法的一个应用，就是消除字符串首尾两端的空格。
var str = ' #id div.class ';
str.replace(/^\s+|\s+$/g, '')
// "#id div.class"
(4)String.prototype.split()
字符串对象的split方法按照正则规则分割字符串，返回一个由分割后的各个部分组成的数组。
str.split(separator, [limit])
该方法接受两个参数，第一个参数是分隔规则，第二个参数是返回数组的最大成员数。
// 非正则分隔
'a, b,c, d'.split(',')
// [ 'a', ' b', 'c', ' d' ]
// 正则分隔，去除多余的空格
'a, b,c, d'.split(/, */)
// [ 'a', 'b', 'c', 'd' ]
// 指定返回数组的最大成员
'a, b,c, d'.split(/, */, 2)
[ 'a', 'b' ]
上面代码使用正则表达式，去除了子字符串的逗号后面的空格。
// 例一
'aaa*a*'.split(/a*/)
// [ '', '*', '*' ]
// 例二
'aaa**a*'.split(/a*/)
// ["", "*", "*", "*"]
上面代码的分割规则是0次或多次的a，由于正则默认是贪婪匹配，所以例一的第一个分隔符是aaa，第二个分割符是a，将字符串分成三个部分，包含开始处的空字符串。例二的第一个分隔符是aaa，第二个分隔符是0个a（即空字符），第三个分隔符是a，所以将字符串分成四个部分。
如果正则表达式带有括号，则括号匹配的部分也会作为数组成员返回。
'aaa*a*'.split(/(a*)/)
// [ '', 'aaa', '*', 'a', '*' ]
上面代码的正则表达式使用了括号，第一个组匹配是“aaa”，第二个组匹配是“a”，它们都作为数组成员返回。
四、习题练习
1. \d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^,$分别是什么?
-
\d表示数字字符，等价[0-9] -
\w表示单词字符、字母、数字、下划线，等价[a-zA-Z_0-9] -
\s表示空白符，等价[\t\n\x0B\f\r] -
[a-zA-Z0-9]表示小写字母、大写字母、数字 -
\b表示单词边界 -
.表示除了回车符、换行符之外的所有字符，等价[^\r\n] -
*表示 0 次或多次，等价{0,} -
+表示 1 次或多次，等价{1,} -
?表示 0 次或 1 次，等价{0,1} -
x{3}表示xxx，即x出现3次 -
^表示以xxx开头 -
$表示以xxx结尾
2.写一个函数trim(str)，去除字符串两边的空白字符
function trim(str){
var newstr = str.replace(/^\s+|\s+$/g, '');
return newstr;
}
var str = ' #id div.class ';
trim(str) //"#id div.class"
3.写一个函数isEmail(str)，判断用户输入的是不是邮箱
function isEmail(str){
return /\w+@[0-9a-z]{2,8}\.[a-z]{2,5}/.test(str)
}
isEmail('dcsff@gamil.ie');//true
4.写一个函数isPhoneNum(str)，判断用户输入的是不是手机号
function isPhoneNum(str){
return /1[34578]\d{9}$/.test(str);
}
isPhoneNum('13888032098');//true
5.写一个函数isValidUsername(str)，判断用户输入的是不是合法的用户名（长度6-20个字符，只能包括字母、数字、下划线）
function isValidUsername(str){
return /^\w\S[^\W]{6,20}$/.test(str)
}
isValidUsername('hin9xx3_*');//false
6.写一个函数isValidPassword(str), 判断用户输入的是不是合法密码（长度6-20个字符，只包括大写字母、小写字母、数字、下划线，且至少至少包括两种）
function isValidPassword(str){
var pattern = /^[0-9]$|^[A-Z]$|^_$|^[a-z]$/g;
var pattern1 = /\W/g;
if(str.length<6||str.length>20){
return false;
}
if(pattern.test(str)){
return false;
}
if(pattern1.test(str)){
return false;
}
return true;
}
isValidPassword('eudh76_*')//flase
7.写一个正则表达式，得到如下字符串里所有的颜色（#121212）
var re = /*正则...*/
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
alert( subj.match(re) ) // #121212,#AA00ef
----------------------------------------------------------------------------
var re = /#[0-9A-Fa-f]{6}/g;
var subj = "color: #121212; background-color: #AA00ef; width: 12px; bad-colors: f#fddee #fd2 "
alert( subj.match(re) )//["#121212", "#AA00ef"]
(8)下面代码输出什么? 为什么? 改写代码，让其输出hunger, world.
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat);
------------------------------------------------------------------------
var str = 'hello "hunger" , hello "world"';
var pat = /".*"/g;
str.match(pat);//匹配的内容是：[""hunger" , hello "world""]匹配的是""内的任何字符0次或多次
pat = /".*?"/;//改后，匹配 0次或者1次，变成非贪婪匹配
str.match(pat)//[""hunger"", ""world""]
