前言
正则在js中是一类比较特殊的对象,它可以匹配各个场景需要的格式验证,例如邮箱、手机号、用户登录名、密码等等,似乎无处不在,在常见的字符串检索或替换中,我们需要提供一种模式表示检索或替换的规则,来匹配一系列符合某个句法规则的字符串。
以下是正则的较为官方的解释:
正则表达式是用于匹配字符串中字符组合的模式。在
中,正则表达式也是对象。这些模式被用于RegExp的exec和test方法, 以及String的match、replace、search和split方法。
言归正传,上代码!
1. 创建正则表达式(以下有两种方式来参考):
(1)使用正则表达式的构造函数(new 的方式来创建)
let regex = new RegExp("a")let regex = new RegExp("^[a-zA-Z]",'g') ; //当使用引号时不必再加反斜杠’/’let regex = new RegExp(/^[a-zA-Z]/,'gi'); //当有斜杠时就 不用再加引号 (2)创建字面量(由两个斜杠’//'包裹需要匹配的内容)
let regex = /ab/ ;let regex=/^[a-zA-Z]/ ;这两种方式都可以来创建一个正则表达式,但是相对来说第二种方式更加常用一些。
2.正则表达式的参数,写在//后面,可混合使用
g全局匹配;找到所有匹配,而不是在第一个匹配后停止i匹配全部大小写m多行; 将开始和结束字符(^和$)视为在多行上工作(也就是,分别匹配每一行的开始和结束(由或分割),而不只是只匹配整个输入字符串的最开始和最末尾处。s与m相反,单行匹配
let regex=/^[a-zA-Z]/gim ;3. 正则中常用方法以及字符串中与正则相关的方法
(1)test()方法检索字符串中的值是否匹配给出的正则规则,返回布尔值 true或false。
检索"ab"是否匹配前面的正则表达式 /../,正确返回true,不匹配返回false
/../.test("ab"); // true。 (2)exec()方法检索字符串中的指定值,如果找到匹配的文本,则返回一个结果的数组,反之返回null。
检索正则表达式/abc/是否有在字符串中defaabc有匹配到,返回匹配到内容,索引值,以及检索的字符串
/abc/.exec("defaabc") // ["abc", index: 4, input: "defaabc"]/abc/.exec("defaabc") // ["abc", index: 4, input: "defaabc"]
/qqq/.exec("abcdefaabc") // null(3)compile()方法用于改变正则匹配内容
将/abc/的匹配内容改成后面的字符串的内容
/abc/.compile('def’) // /def/(4)split()将字符串分割成字符串数组
将字符串abcd以/b/中的b分割成字符串数组
"abcd".split(/b/); // ["a", "cd"](5)replace()方法用于在字符串中用一些字符替换另一些字符或者替换一个与正则表达式匹配的字符串
用正则内容/ddd/去匹配字符串12345abcde,将匹配的内容替换成*,并返回替换完成的字符串
'12345abcde'.replace(/ddd/g,'*'); // "*45abcde"去掉字符串的引号,全局检索',替换成''空'12345abcde'.replace(/'/g,''); //12345abcde去掉字符串中所有的空格,
tab,换页符,换行符' 12 345ab cd e '.replace(/s/g,''); // "12345abcde"search() 用于检索字符串中指定的字符串或与正则表达式相匹配的字符串,返回匹配的字符串的起始位置的索引,反之返回-1'abcdedfasdfs'.search(/d/); // 3即使是全局匹配,也只会匹配到第一个的位置
'abcdedfasdfs'.search(/d/g); // 3如果没有匹配到,返回
-1'abcdedfasdfs'.search(/o/g); // -1(7)match()方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配
检索指定的值,并返回,b+指多个
"aabbbbccbbaab".match(/b+/g); // ["bbbb", "bb", "b"]4.正则规则(常用)
参考: developer.mozilla.org/zh-CN/docs/…
(1)字符类规则

如果亲感觉示例代码并没有解除你的疑惑,那么接下来就来分条解释上面的每个字符的用法:
(1) . 任意字符
关于这个(.)可能是匹配最多内容的字符了,它的匹配规则是除去换行(
)和回车(/r)之外的任意字符,下面我们就来用几个示例来演示。
测试字母:
/.../.test("abc"); // true测试数字:
/.../.test(123); // true特殊符号:
/………../.test("!@#$%^&*()_+") // true(2)d 匹配数字0~9
测试字母:
/d/.test("a"); // false测试数字:
/d/.test(5) //true特殊符号:
/ddddddddddddd/.test("!@#$%^&*()_+") // false(3)D 匹配除数字0~9的所有字符(非d)
测试字母:
/D/.test("a"); // true测试数字:
/D/.test(5) // false特殊符号:/DD/.test("!@") // true(4)w 匹配数字0~9,字母a~z,A~Z,下划线
测试字母:
/w/.test("a"); // true测试数字:
/w/.test(5) // true特殊符号:
/ww/.test("!@") // false(5)W 匹配非w,的特殊符号
测试字母:
/W/.test("a"); // false测试数字:
/W/.test(5) // false特殊符号:
/WW/.test("!@") // true(6)s 匹配空格Tab 换页 换行符
测试字母:
/s/.test("a"); // false/s/.test(5) // false特殊符号:
/s/.test("@") // false空格
Tab:/ss/.test(" ") //true(7)S 匹配非s的内容
测试字母:
/S/.test("a"); // true测试数字:
/S/.test(5) // true特殊符号:
/S/.test("@") // true空格Tab:
/SS/.test(" ") // false(2)范围符号匹配规则

(3)分组匹配规则

(4)重复匹配规则

5.比较常用的正则匹配
(1)手机号
移动号段:134 135 136 137 138 139 147 148 150 151 152 157 158 159 172 178 182 183 184 187 188 198
联通号段:130 131 132 145 146 155 156 166 171 175 176 185 186
电信号段:133 149 153 173 174 177 180 181 189 199
虚拟运营商:170
匹配13*的手机号:
/^(1)3(d){9}$/.test(13131121111)匹配
14*的手机号:/^(1)4[5-9](d){8}$/.test(14531121989)匹配
15*的手机号:/^(1)5[^4]{9}$/.test(15531121989)匹配
16*的手机号:/^(1)66(d){8}$/.test(16631121989)匹配
17*的手机号:/^(1)7[0-8](d){8}$/.test(17199121989)匹配
18*的手机号:/^(1)8(d){9}$/.test(18131121989)匹配
19*的手机号:/^(1)9[8-9](d){8}$/.test(19831121989)匹配所有手机号:
/^((1)3(d){9}$)|(^(1)4[5-9](d){8}$)|(^(1)5[^4]{9}$)|(^(1)66(d){8}$)|(^(1)7[0-8](d){8}$)|(^(1)8(d){9}$)|(^(1)9[8-9](d){8}$)/.test(16961121989)(2)邮箱
126规则:6~18个字符,可使用字母、数字、下划线,需以字母开头
163规则:6~18个字符,可使用字母、数字、下划线,需以字母开头 允许手机号
qq邮箱:数字5-10个数字
新浪邮箱规则:4-16个字符,可使用英文小写,数字,下划线,下划线不可在首位
搜狐邮箱规则:4-16位,英文、数字、下划线,小写字母开头
匹配126邮箱:
/((^([a-zA-Z]))(w){5,17})@126.com$/.test("AA3333333333333333@126.com")匹配163邮箱:
/((^([a-zA-Z]))(w){5,17}$)|(^(1)(3(d){9}$)|(4[5-9](d){8}$)|(5[^4]{9})|(66(d){8})|(7[0-8](d){8})|(8(d){9}$)|(9[8-9](d){8}$))@163.com$/.test("15132221989@163.com")/(^[1-9]){5,10}@qq.com$/.test("115511@qq.com")匹配新浪邮箱:
/^[a-z0-9]([a-z0-9_]{3,15})@sina.(com)|(cn)$/.test('223dddddddaddw22@sina.com')匹配搜孤邮箱:
/(^[a-z])(w){3,15}@sohu.com$/.test("dddddddfw@sohu.com")(2)中文
/^[u4e00-u9fa5]$/g.test("我") (3)国内邮政编码
/^[0-9]{6}$/.test(100000)。。。。。未完待续
继续阅读与本文标签相同的文章
弹幕系统很复杂?前端工程师也能完成!
-
响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh)
2026-06-02栏目: 教程
-
Node工程-构建优秀的Session机制
2026-06-02栏目: 教程
-
纯原生组件化-模块化的探索
2026-06-02栏目: 教程
-
React 之受控组件和非受控组件
2026-06-02栏目: 教程
-
JS忍者秘籍中的定时器机制详解
2026-06-02栏目: 教程
