当前位置: 代码迷 >> 综合 >> 前端学习之JavaScript正则表达式2020.8.20
  详细解决方案

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

热度:57   发布时间:2024-02-12 20:17:02

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 +)?$