前端学习之JavaScript正则表达式2020.8.20

JavaScript正则表达式
学习链接：JavaScript正则表达式

正则表达式是由一个字符序列形成的搜索模式。
当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。
正则表达式可以是一个简单的字符，或一个更复杂的模式。
正则表达式可用于所有文本搜索和文本替换的操作。

方括号：查找某个范围内的字符

表达式	描述
[abc]	查找方括号之间的任何字符。
[^abc]	查找任何不在方括号之间的字符。
[0-9]	查找任何从 0 至 9 的数字。
[a-z]	查找任何从小写 a 到小写 z 的字符。
[A-Z]	查找任何从大写 A 到大写 Z 的字符。
[A-z]	查找任何从大写 A 到小写 z 的字符。
[adgk]	查找给定集合内的任何字符。
[^adgk]	查找给定集合外的任何字符。
(red|blue|green)	查找任何指定的选项。

元字符（Metacharacter）：有特殊含义的字符：

元字符	描述
.	查找单个字符，除了换行和行结束符。
\w	查找单词字符。
\W	查找非单词字符。
\d	查找数字。
\D	查找非数字字符。
\s	查找空白字符。
\S	查找非空白字符。
\b	匹配单词边界。
\B	匹配非单词边界。
\0	查找 NULL 字符。
\n	查找换行符。
\f	查找换页符。
\r	查找回车符。
\t	查找制表符。
\v	查找垂直制表符。
\xxx	查找以八进制数 xxx 规定的字符。
\xdd	查找以十六进制数 dd 规定的字符。
\uxxxx	查找以十六进制数 xxxx 规定的 Unicode 字符。

量词

量词  描述
n+	匹配任何包含至少一个 n 的字符串。
例如，/a+/ 匹配 "candy" 中的 "a"，"caaaaaaandy" 中所有的 "a"。
n*	匹配任何包含零个或多个 n 的字符串。
例如，/bo*/ 匹配 "A ghost booooed" 中的 "boooo"，"A bird warbled" 中的 "b"，但是不匹配 "A goat grunted"。
n?	匹配任何包含零个或一个 n 的字符串。
例如，/e?le?/ 匹配 "angel" 中的 "el"，"angle" 中的 "le"。
n{X}	匹配包含 X 个 n 的序列的字符串。
例如，/a{2}/ 不匹配 "candy," 中的 "a"，但是匹配 "caandy," 中的两个 "a"，且匹配 "caaandy." 中的前两个 "a"。
n{X,}	X 是一个正整数。前面的模式 n 连续出现至少 X 次时匹配。
例如，/a{2,}/ 不匹配 "candy" 中的 "a"，但是匹配 "caandy" 和 "caaaaaaandy." 中所有的 "a"。
n{X,Y}	X 和 Y 为正整数。前面的模式 n 连续出现至少 X 次，至多 Y 次时匹配。
例如，/a{1,3}/ 不匹配 "cndy"，匹配 "candy," 中的 "a"，"caandy," 中的两个 "a"，匹配 "caaaaaaandy" 中的前面三个 "a"。注意，当匹配 "caaaaaaandy" 时，即使原始字符串拥有更多的 "a"，匹配项也是 "aaa"。

n$	匹配任何结尾为 n 的字符串。
^n	匹配任何开头为 n 的字符串。
?=n	匹配任何其后紧接指定字符串 n 的字符串。
?!n	匹配任何其后没有紧接指定字符串 n 的字符串。

正则表达式 test()方法：
链接：js 正则表达式 test()方法

正则表达式 test()方法
test() 方法是正则表达式的一个方法，用于检测一个字符串是否匹配某个模式.
test 方法检查字符串是否与给出的正则表达式模式相匹配，如果是则返回 true，否则就返回 false。

全局匹配和非全局匹配有所不同
全局匹配最后有个g，非全局匹配没有
具体可见链接，本文用的是非全局，故不展开学习
g: global全文搜索，如果不添加g，则只搜查符合条件的第一个字符串
i :ignore case 忽略大小写 ，不加i 的话默认是大小写敏感的
m:multiple lines 多行搜索

示例1：判断字符串是否全为数字

val = "123456"
 
var isnum = /^\d+$/.test(val);
 
document.write(isnum);
 
document.write("<br>");
 
 
 
val2 = "as123"
 
var isnum2 = /^\d+$/.test(val2);
 
document.write(isnum2);

示例2：判断字符串是否全为字母

val = "123456"
 
var isletter = /^[a-zA-Z]+$/.test(val);
 
document.write(isletter);
 
document.write("<br>");
 
 
 
val2 = "asaaa"
 
var isletter2 = /^[a-zA-Z]+$/.test(val2);
 
document.write(isletter2);
 

示例3：判断数字在1位-10位以内

val = "8"
 
var isletter = /^\d{1,10}$/.test(val);
 
document.write(isletter);
 
document.write("<br>");
 
 
 
val2 = "12345678910"
 
var isletter2 = /^\d{1,10}$/.test(val2);
 
document.write(isletter2);
 

验证数字的正则表达式集

验证数字：^ [0-9] * $
 
验证ñ位的数字：^ \ d {N} $
 
验证至少Ñ位数字：^ \ d {N，} $
 
验证M-N位的数字：^ \ d {M，N} $
 
验证零和非零开头的数字：^（0 | [1-9] [0-9] *）$
 
验证有两位小数的正实数：（[0-9] {2}）？^ [0-9] + $
 
验证有1-3位小数的正实数：（[0-9] {1,3}）？^ [0-9] + $
 
验证非零的正整数：^ \ + [1-9] [0-9] * $
 
验证非零的负整数：^ \ - [1-9] [0-9] * $
 
验证非负整数（正整数+ 0）^ \ d + $
 
验证非正整数（负整数+ 0）^（（ - \ d +）|（0 +））$
 
验证长度为3的字符：^ {3} $
 
验证由26个英文字母组成的字符串：^ [A-ZA-Z] + $
 
验证由26个大写英文字母组成的字符串：^ [A-Z] + $
 
验证由26个小写英文字母组成的字符串：^ [A-Z] + $
 
验证由数字和26个英文字母组成的字符串：^ [A-ZA-Z0-9] + $
 
验证由数字，26个英文字母或者下划线组成的字符串：^ \ w + $
 
验证用户密码：^ [a-zA-Z] \ w {5,17} $正确格式为：以字母开头，长度在6-18之间，只能包含字符，数字和下划线。
 
验证是否含有^％＆',; =？$ \“等字符：[^％＆'，; =？$ \ x22] +
 
验证汉字：^ [\ u4e00- \ u9fa5]，{0，} $
 
验证电子邮件地址：/ ^（？[A-ZA-Z0-9] + [_ | \ _ | \]）* [A-ZA-Z0-9] + @（[A-ZA-Z0-9] +？[_ | \ _ | \]）* [A-ZA-Z0-9] + \ [A-ZA-Z] {2,3} $ /
 
验证InternetURL：^ http：//（[\ w-] + \。）+ [\ w-] +（/ [\ w -./?%&=] *）？$; ^ [a-zA-z ] +：//（W +（-w +）*）（。（W +（-w +）*））*（？S *）$
 
验证电话号码：^（\（\ d {3,4} \）| \ d {3,4} - ）\ d {7,8} $： - 正确格式为：XXXX-XXXXXXX，XXXX-XXXXXXXX ，XXX-XXXXXXX，XXX-XXXXXXXX，XXXXXXX，XXXXXXXX。
 
验证身份证号（15位或18位数字）：^ \ d {15} | \ d {} 18 $
 
验证一年的12个月：^（0？[1-9] | 1 [0-2]）$正确格式为：“01” - “09”和“1”“12”
 
验证一个月的31天：^（（0？[1-9]）|（（1 | 2）[0-9]）| 30 | 31）$正确格式为：01,09和1,31。
 
整数：？^ - \ d + $
 
非负浮点数（正浮点数+ 0）：^ \ d +（\。\ d +）？$
 
正浮点数^（（[0-9] + \。[0-9] * [1-9] [0-9] *）|（[0-9] * [1-9] [0-9] * \ [0-9] +）|（[0-9] * [1-9] [0-9] *））$
 
非正浮点数（负浮点数+ 0）^（（ - \ d +（\。\ d +）？）|（0 +（\。0 +）？））$
 
负浮点数^（ - （（[0-9] + \。[0-9] * [1-9] [0-9] *）|（[0-9] * [1-9] [0- 9] * \ [0-9] +）|。（[0-9] * [1-9] [0-9] *）））$
 
浮点数^（ - ？\ d +）（\。\ d +）？$