JavaScript 正则表达式
一、正则的概念
正则表达式（regular expression）是一个描述字符规则的对象。可以用来检查一个字符串是否含有某个字符，将匹配的字符做替换或者从某个字符串中取出某个条件的子串等。
为什么要用正则：
前端往往有大量的表单数据校验工作，采用正则表达式会使得数据校验的工作量大大减轻。常用效果：邮箱，手机号，身份证号等（使用熟练的情况下）
二、正则的创建方式
1.字面量方式
var reg = /a/;
2.构造函数方式
var reg = new RegExp("a");
三、正则字符介绍
1.修饰字符
正则中的修饰符，写在正则表达式后面／的后面：
g表示全局匹配，查找所有
i表示忽略大小写
var str = "abbabsxyzd68aBsd687abbaaas6dA78sd123123zcacasabbbaa" console.log(str.replace("a","啊")); // 替换字符中的第一个a; console.log(str.replace(/a/g,"啊")); // g表示替换了全局，全部的a; console.log(str.replace(/a/gi,"啊")); // i表示忽略大小号可以写在g前后都可以
2.转义字符
正则表达式当中，存在一些转义字符，在解析之后的意义和字符本身的意义并不相同。例如\d代表数字。
<script> var str = "abs idji 12dkkasd sdkjaks"; var re = /\d/; console.log(str.search(re)); // 9 //search()返回值与指定查找的字符串或者正则表达式相匹配的 String 对象起始位置。 </script>
常用的转义字符:
- . 匹配任意字符 除了\n
- \d 匹配数字
- \w 匹配数字字母下划线
- \s 匹配所有的空白字符
- "[abc]" 字符组 匹配包含括号内元素的字符
- \D 匹配非数字
- \W 除了字母数字下划线
- \S 匹配所有可见字符
- "[^abc]" 匹配除了abc以外的任意字符；
3.量词
限定符，可以指定正则表达式的一个给定组，必须要出现多少次才能满足匹配
* 匹配前面的子表达式零次或多次
+ 匹配前面的子表达式至少一次或多次
? 匹配前面的子表达是零次或一次
{n} 匹配确定n次
{n,} 至少匹配n次
{n,m} 至少匹配n次，最多匹配m次
| 或，类似于js中的 ||
[ ] 中元符,也表示一个独立的部分，但是中元符内部的内容是或的关系，一个中元符，只能匹配一个字符
// str.replace(reg,"")
var str = "abbabsxyzd68aBsd687abbaaas6dA78sd123123zcacasabbbaa"
console.log(str.replace(/[ab]+/gi,"啊"));//所有ab不分大小写都被替换成一个，比如baaa被替换成一个啊； // console.log(str.replace(/[ab]/gi,"啊"));同下 console.log(str.replace(/a|b/gi,"啊")); // 所有a或b都单独被替换了； console.log(str.replace(/[a-z]/gi,"啊"));// 所有字母都被获取了 console.log(str.replace(/[a-z]+/gi,"啊"))// 所有连着的字母都被替换成一个"啊"; console.log(str.replace(/[0-9]+/gi,"啊"))// 所有连着的数字都被替换成一个"啊"; console.log(str.replace(/\d+/gi,"啊"))//同上 console.log(str.replace(/\w+/gi,"啊")) // 数字，字母，下划线都被替换成一个+ console.log(str.replace(/[a-z0-9_]+/gi,"啊")) //同上 console.log(str.replace(/[^\w]+/gi,"啊"))// 非数字，字母，下划线替换 // console.log(str.replace(/\W+/gi,"啊"))同上 // console.log(str.replace(/\D+/gi,"啊")) 非数字替换；
四、正则的使用
使用：不能直接使用，配合方法使用，正则一般都是用来验证字符的；
1.字符方法
str.match(reg) 字符串match函数的功能：提取所有的想要的东西返回一个数组，包含所有符合条件的字符
//如：字符串中的abc替换成“哈哈”，如果正则后面没有g，则只替换一个，如果没有i，则大写不会替换 var str = “abc123abc456abbcdABCefaacbcdbcabc"; var reg = /abc/g; console.log(str.replace(reg,"哈哈"));
str.replace(reg,"") 字符串的replace函数的功能：将老字符串替换成新字符串
// str.replace(reg,"") var str = "abbabsxyzd68aBsd687abbaaas6dA78sd123123zcacasabbbaa" console.log(str.replace(/[ab]+/gi,"啊"));//所有ab不分大小写都被替换成一个，比如baaa被替换成一个啊；
str.search(reg) 匹配成功，返回位置，否则返回-1
var str="Mr. Blue has a blue house"; document.write(str.search(/blue/i))
2.正则方法：
reg.test(str) 返回为true表示验证成功，false表示失败
var reg = /[0-9]/; reg.test(str) //返回为true表示验证成功，false表示失败
3.正则功能：筛选出符合条件的子串，替换符合条件的子串，验证字符是否符合规则
五、根据规则来写、读与验证正则
正则，先确定规则，规则从哪来，可以自己定，也可以是别人定.
reg.test()验证方法规则是：只要字符的局部，符合正则，都是true
修正局部验证：
需要给正则表达式，加上开头和结束，表示从字符串的开始验证到字符串的结束
^表示开始(^在中元符中表示除了）
$表示结束
根据规则来写正则：
//简单邮箱：字母开头数字6位 @ 数字字母2~9 . 字母2~4 var str = "a457895@ldl12.jhgj" var reg = /^[a-z][0-9]{6}@[a-z0-9]{2,9}\.[a-z]{2,4}$/ ; console.log(reg.test(str));
// 网址 var str = "https://www.baidu.com.cn" var str = "https://www.baidu.com.cn" var str = "http://www.baidu.com" var str = "www.baidu.com" var str = "mp3.baidu.com" var str = "baidu.com" var reg = /^(https?:\/\/)?([a-z\d]{1,6}\.)?[a-z\d]{2,18}(\.[a-z]{2,4}){1,2}$/; console.log(reg.test(str))
根据规则来读正则：
1.中文检测 unicode编码中文监测：/^[\u2E80-\u9FFF]+$/ 2.用户名检测 正则：/^[a-z0-9_-]{3,16}$/ 3.邮箱检测 /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ 可以多次出现 (字母数字下划线.-)@可以出现多个(数字字母.-).2到6位字母或. /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/ 可以有多个(字母数字)可有多个可无(.多个(字母数字))@可以多个(数字字母可 有1次可无(-数字字母))可以有多个(1或2个.多个字母) abc123@123abc.com 4.URL检测 /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w\.-]*)*\/?$/ 有1次或0次(http有1次或0次s : //) 可以多个(数字字母.-) . 2到6位(字母.) 可多个或0个 (可以多个或0个 /数字字母下划线.-) 可0或1次/ http://sh.op-ta.l.baidu.com 5.HTML标签检测 /^<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/ <多个(字母)可多个或0个(除了<的所有字符) /> <多个(字母)可多个或0个(除了<的所有字符)>多个任意字符 </重复第一部分的多个字母> 自定义的html标签 /<[^<>]+>/g
六、贪婪模式
贪婪模式与非贪婪模式影响的是被量词修饰的子表达式的匹配行为，贪婪模式在整个表达式匹配成功的前提下会尽可能多的去匹配，而非贪婪模式则是在整个匹配模式成功的前提下，尽可能少的去匹配。
如何理解贪婪模式举个例子就明白了：
var reg = /<.+>/g // console.log(str.replace(reg,"")) //过滤，表示尖括号里面的东西都被替换成空，贪婪模式在整个表达式匹配成功的前提下会尽可能多的去匹配，
会导致所有括号里的内容都没了。 //所以上面的匹配尽量不用，下面这个方法不会发生贪婪模式。 var reg = /<[^<>]+>/g // console.log(str.replace(reg,"”)) //表示尖括号里面的东西不要
七、正则表达手册
1.常用正则表达式
| 用户名 | /^[a-z0-9_-]{3,16}$/ |
|---|---|
| 密码 | /^[a-z0-9_-]{6,18}$/ |
| 十六进制值 | /^#?([a-f0-9]{6}|[a-f0-9]{3})$/ |
| 电子邮箱 | /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/ |
| URL | /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/ |
| IP 地址 | /((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/ /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/ |
| HTML 标签 | /^<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/ |
| 删除代码\\注释 | (?<!http:|\S)//.*$ |
| Unicode编码中的汉字范围 | /^[\u2E80-\u9FFF]+$/ |
2.表达式全集
| 字符 | 描述 |
|---|---|
| \ | 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。 |
| ^ | 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。 |
| $ | 匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性，$也匹配“\n”或“\r”之前的位置。 |
| * | 匹配前面的子表达式零次或多次。例如，zo*能匹配“z”以及“zoo”。*等价于{0,}。 |
| + | 匹配前面的子表达式一次或多次。例如，“zo+”能匹配“zo”以及“zoo”，但不能匹配“z”。+等价于{1,}。 |
| ? | 匹配前面的子表达式零次或一次。例如，“do(es)?”可以匹配“does”或“does”中的“do”。?等价于{0,1}。 |
| {n} | n是一个非负整数。匹配确定的n次。例如，“o{2}”不能匹配“Bob”中的“o”，但是能匹配“food”中的两个o。 |
| {n,} | n是一个非负整数。至少匹配n次。例如，“o{2,}”不能匹配“Bob”中的“o”，但能匹配“foooood”中的所有o。“o{1,}”等价于“o+”。“o{0,}”则等价于“o*”。 |
| {n,m} | m和n均为非负整数，其中n<=m。最少匹配n次且最多匹配m次。例如，“o{1,3}”将匹配“fooooood”中的前三个o。“o{0,1}”等价于“o?”。请注意在逗号和两个数之间不能有空格。 |
| ? | 当该字符紧跟在任何一个其他限制符（*,+,?，{n}，{n,}，{n,m}）后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如，对于字符串“oooo”，“o+?”将匹配单个“o”，而“o+”将匹配所有“o”。 |
| . | 匹配除“\n”之外的任何单个字符。要匹配包括“\n”在内的任何字符，请使用像“(.|\n)”的模式。 |
| (pattern) | 匹配pattern并获取这一匹配。所获取的匹配可以从产生的Matches集合得到，在VBScript中使用SubMatches集合，在JScript中则使用$0…$9属性。要匹配圆括号字符，请使用“\(”或“\)”。 |
| (?:pattern) | 匹配pattern但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。这在使用或字符“(|)”来组合一个模式的各个部分是很有用。例如“industr(?:y|ies)”就是一个比“industry|industries”更简略的表达式。 |
| (?=pattern) | 正向肯定预查，在任何匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如，“Windows(?=95|98|NT|2000)”能匹配“Windows2000”中的“Windows”，但不能匹配“Windows3.1”中的“Windows”。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。 |
| (?!pattern) | 正向否定预查，在任何不匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如“Windows(?!95|98|NT|2000)”能匹配“Windows3.1”中的“Windows”，但不能匹配“Windows2000”中的“Windows”。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始 |
| (?<=pattern) | 反向肯定预查，与正向肯定预查类拟，只是方向相反。例如，“(?<=95|98|NT|2000)Windows”能匹配“2000Windows”中的“Windows”，但不能匹配“3.1Windows”中的“Windows”。 |
| (?<!pattern) | 反向否定预查，与正向否定预查类拟，只是方向相反。例如“(?<!95|98|NT|2000)Windows”能匹配“3.1Windows”中的“Windows”，但不能匹配“2000Windows”中的“Windows”。 |
| x|y | 匹配x或y。例如，“z|food”能匹配“z”或“food”。“(z|f)ood”则匹配“zood”或“food”。 |
| [xyz] | 字符集合。匹配所包含的任意一个字符。例如，“[abc]”可以匹配“plain”中的“a”。 |
| [^xyz] | 负值字符集合。匹配未包含的任意字符。例如，“[^abc]”可以匹配“plain”中的“p”。 |
| [a-z] | 字符范围。匹配指定范围内的任意字符。例如，“[a-z]”可以匹配“a”到“z”范围内的任意小写字母字符。 |
| [^a-z] | 负值字符范围。匹配任何不在指定范围内的任意字符。例如，“[^a-z]”可以匹配任何不在“a”到“z”范围内的任意字符。 |
| \b | 匹配一个单词边界，也就是指单词和空格间的位置。例如，“er\b”可以匹配“never”中的“er”，但不能匹配“verb”中的“er”。 |
| \B | 匹配非单词边界。“er\B”能匹配“verb”中的“er”，但不能匹配“never”中的“er”。 |
| \cx | 匹配由x指明的控制字符。例如，\cM匹配一个Control-M或回车符。x的值必须为A-Z或a-z之一。否则，将c视为一个原义的“c”字符。 |
| \d | 匹配一个数字字符。等价于[0-9]。 |
| \D | 匹配一个非数字字符。等价于[^0-9]。 |
| \f | 匹配一个换页符。等价于\x0c和\cL。 |
| \n | 匹配一个换行符。等价于\x0a和\cJ。 |
| \r | 匹配一个回车符。等价于\x0d和\cM。 |
| \s | 匹配任何空白字符，包括空格、制表符、换页符等等。等价于[ \f\n\r\t\v]。 |
| \S | 匹配任何非空白字符。等价于[^ \f\n\r\t\v]。 |
| \t | 匹配一个制表符。等价于\x09和\cI。 |
| \v | 匹配一个垂直制表符。等价于\x0b和\cK。 |
| \w | 匹配包括下划线的任何单词字符。等价于“[A-Za-z0-9_]”。 |
| \W | 匹配任何非单词字符。等价于“[^A-Za-z0-9_]”。 |
| \xn | 匹配n，其中n为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如，“\x41”匹配“A”。“\x041”则等价于“\x04&1”。正则表达式中可以使用ASCII编码。. |
| \num | 匹配num，其中num是一个正整数。对所获取的匹配的引用。例如，“(.)\1”匹配两个连续的相同字符。 |
| \n | 标识一个八进制转义值或一个向后引用。如果\n之前至少n个获取的子表达式，则n为向后引用。否则，如果n为八进制数字（0-7），则n为一个八进制转义值。 |
| \nm | 标识一个八进制转义值或一个向后引用。如果\nm之前至少有nm个获得子表达式，则nm为向后引用。如果\nm之前至少有n个获取，则n为一个后跟文字m的向后引用。如果前面的条件都不满足，若n和m均为八进制数字（0-7），则\nm将匹配八进制转义值nm。 |
| \nml | 如果n为八进制数字（0-3），且m和l均为八进制数字（0-7），则匹配八进制转义值nml。 |
| \un | 匹配n，其中n是一个用四个十六进制数字表示的Unicode字符。例如，\u00A9匹配版权符号（©）。 |
