正则表达式能干嘛
- 数据有效性验证，例如验证一串数字是否是银行卡号
- 替换文本。
- 根据模式匹配从字符串中提取一个子字符串。
匹配单个字符
原则上正则表达式的一个字符，对应待匹配字符串的一个字符。
看似简单，其实有很多门道哦~
简单类
因为原则上正则表达式的一个字符，对应待匹配字符串的一个字符，我们可以用[]把它们括起来，让[]这个整体对应一个字符。
如
/[abc]/.test("a") // true
/[abc]/.test("b") // true
可以看出，只要字符是“abc”中任意一个字母，都会返回true。
负向类
在那个括号里做文章，前面加个元字符^进行取反，表示匹配不能为括号里面的字符。
/[^abc]/.test("b") // false
/[^abc]/.test("d") // true
范围类
还是在那个中括号里面做文章。有时匹配的东西过多，而且类型又相同，全部输入太麻烦，我们可以在中间加了个横线。
如果中括号中字符的类型不一样，也是允许的。
/[a-f]/.test("b") // true
/[a-m1-5\n]/.test("a") // true
预定义类
继续在中括号上做文章，有一些需求过于普遍，比如匹配0-9的数字，我们可以用/[0-9]/ 进行匹配，但每次都这样写就有点麻烦了，所以正则表达式给我们设计了预定义类，供我们使用~
由于是中括号的马甲，因此它们还是对应一个字符。
| 字符 | 等同于 | 描述 |
|---|---|---|
| . | [^\n\r] | 除了换行和回车之外的任意字符 |
| \d | [0-9] | 数字字符 |
| \D | [^0-9] | 非数字字符 |
| \s | [ \t\n\x0B\f\r] | 空白字符 |
| \S | [^ \t\n\x0B\f\r] | 非空白字符 |
| \w | [a-zA-Z_0-9] | 单词字符(所有的字母) |
| \W | [^a-zA-Z_0-9] | 非单词字符 |
匹配多个字符
量词
正则表达式中的字符是一对一匹配的，如果一次性要匹配多个字符，就需要用到量词。
简单量词
| 代码 | 类型 | 描述 |
|---|---|---|
| ? | 软性量词 | 出现零次或一次 |
| * | 软性量词 | 出现零次或多次(任意次)\ |
| + | 软性量词 | 出现一次或多次（至道一次） |
| {n} | 硬性量词 | 对应零次或者n次 |
| {n,m} | 软性量词 | 至少出现n次但不超过m次 |
| {n,} | 软性量词 | 至少出现n次(+的升级版) |
贪婪量词，
普通量词就是贪婪量词。
上面提到的所有简单量词。就像成语中说的巴蛇吞象那样，一口吞下整个字符串，发现吞不下（匹配不了），再从后面一点点吐出来（去掉最后一个字符，再看这时这个整个字符串是否匹配，不断这样重复直到长度为零）
惰性量词
隋性量词，在简单量词后加问号。由于太懒了，先吃了前面第一个字符，如果不饱再捏起多添加一个（发现不匹配，就读下第二个，与最初的组成一个有两个字符串的字符串再尝试匹配，如果再不匹配，再吃一个组成拥有三个字符的字符串……）。其工作方式与贪婪量词相反。
示例
var re1 = /.*bbb/g;//贪婪
var re2 = /.*?bbb/g;//惰性
// var re3 = /.*+bbb/g;//支配性,javascript不支持，IE与所有最新的标准浏览器都报错
alert(re1.test("abbbaabbbaaabbbb1234")+"");//true
alert(re1.exec("abbbaabbbaaabbbb1234")+"");//null
alert("abbbaabbbaaabbbb1234".match(re1)+"");//abbbaabbbaaabbbb
alert(re2.test("abbbaabbbaaabbbb1234")+"");//true
alert(re2.exec("abbbaabbbaaabbbb1234")+"");//aabbb
alert("abbbaabbbaaabbbb1234".match(re2)+"");//abbb,aabbb,aaabbb
分组
到目前为止，我们只能一个字符一个字符的匹配，虽然量词的出现，能帮助我们处理一排密紧密相连的同类型字符。
但这是不够的，下面该轮到小括号出场了，中括号表示范围内选择，大括号表示重复次数。小括号允许我们将多个字符作为一个整体进行重复。
//分组+量词
alert(/(dog){2}/.test("dogdog"))//true
//分组+范围
alert("baddad".match(/([bd]ad?)*/))//baddad,dad
//分组+分组
alert("mon and dad".match(/(mon( and dad)?)/))//mon and dad,mon and dad, and dad
反向引用
反向引用标识由正则表达式中的匹配组捕获的子字符串。每个反向引用都由一个编号或名称来标识，并通过“\编号”表示法进行引用。
var color = "#990000";
/#(\d+)/.test(color);
alert(RegExp.$1);//990000
alert(/(dog)\1/.test("dogdog"))//true
var num = "1234 5678";
var newNum = num.replace(/(\d{4}) (\d{4})/,"$2 $1");
alert(newNum)
非捕获性分组
并不是所有分组都能创建反向引用，有一种特别的分组称之为非捕获性分组，它是不会创建反向引用。反之，就是捕获性分组。要创建一个非捕获性分组，只要在分组的左括号的后面紧跟一个问号与冒号就行了。
var color = "#990000";
/#(?:\d+)/.test(color);
alert(RegExp.$1);//""
题目，移除所有标签，只留下innerText!
var html = "Ruby Louvreby 司徒正美
";
var text = html.replace(/<(?:.|\s)*?>/g, "");
alert(text)
前瞻
继续在分组内做文章。前瞻与后瞻其实都属于零宽断言，但javascript不支持后瞻。
| 正则 | 名称 | 描述 |
|---|---|---|
| (?=exp) | 正向前瞻 | 匹配exp前面的位置 |
| (?!exp) | 负向前瞻 | 匹配后面不是exp的位置 |
正向前瞻用来检查接下来的出现的是不是某个特定的字符集。而负向前瞻则是检查接下来的不应该出现的特定字符串集。零宽断言是不会被捕获的。
var str1 = "bedroom";
var str2 = "bedding";
var reBed = /(bed(?=room))///在我们捕获bed这个字符串时，抢先去看接下来的字符串是不是room
alert(reBed.test(str1));//true
alert(RegExp.$1)//bed
alert(RegExp.$2 === "")//true
alert(reBed.test(str2))//false
var str1 = "bedroom";
var str2 = "bedding";
var reBed = /(bed(?!room))/ //要来它后面不能是room
alert(reBed.test(str1))//false
alert(reBed.test(str2))//true
边界
一个要与字符类合用的东西。
| 正则 | 名称 | 描述 |
|---|---|---|
| ^ | 开头 | 注意不能紧跟于左中括号的后面 |
| $ | 结尾 | |
| \b | 单词边界 | 指[a-zA-Z_0-9]之外的字符 |
| \B | 非单词边界 |