【JavaScript】学习第十五天（正则表达式）

最新推荐文章于 2026-01-07 02:33:49 发布

原创最新推荐文章于 2026-01-07 02:33:49 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式 #javascript #前端

本文详细介绍了JavaScript中的正则表达式，包括正则概念、创建方式、元字符、限定符、边界符、特殊符号等内容，并给出了多个实际案例，如用户名、电话号码、身份证号码和邮箱的正则验证。同时，还讲解了字符串与正则相关的replace()、search()和match()方法的用法。

正则表达式

1.正则的概念：

用于匹配一个字符串满足某种规则（即正则表达式）

2.正则的创建：

var a = /abc/
var a = new RegExp('abc')

3.正则的元字符：

\d ：表示一位数字
\D ：表示一位非数字
\w ：表示一位数字，字母下划线中的任意一个
\W ：表示一位非(数字，字母，下划线)中的任意一个
\s ：匹配空白字符（空格）
\S ：非空白
. ：任意字符（非换行）
如果就指向匹配. 是true
\ . ：匹配 .
\ ：匹配 \

4.正则的限定符：

*：匹配0次或者多次（出现0次，或者1次，或者多次都）
+：匹配1次或者多次
？：匹配0次或者多次
{n}：匹配正好n次 a{5}
{n,m} ：匹配n-m次 {6,8} 匹配 6次，7次，8次都可以
{n,} ：匹配n次以上

5.正则的边界符：

^：以…开始 ^abc以abc开始
$：以…结束 abc $ 以abc结束

6.正则的特殊符号：

1：[0-9]: 匹配[]中的任意一个
2：[^0-9]:  匹配[]中的任意一个非小写字母
3：-: a-z(abc...z)   0-9(0,1,2,3,,,9) A-Z(A,B,C,D。。)
4：():  abc{2}--》c出现2次  (abc){2} (abc)整体出现两次
5：|  或者  a|b  就是a或者b
6：{}: {n}  {n,m}

7.案例：

1、用户名正则：4到16位（字母，数字，下划线，减号）
2、电话号码正则：可以是135，138,158开头
3、身份证号码正则：18位的数字或者17位数字+x
4、邮箱正则：@前 3到6位数字字母下划线组成的
@后可以 2位小写字母
最后部分是.com或者.com.cn

8.字符串跟正则相关的方法

1：replace()：
语法：

str.replace('字符串的字符','替换成谁')
str.replace('正则','替换成谁')
str.replace(/a/;'x')

返回：替换后的新的字符串
语法：将字符串中的字符或者符合正则规则的首个字符，替换成xx
注意：使用时需要加上标识符g进行全局匹配

2：search()：
语法：

str.search('字符')
str.search('正则')

含义：在字符串中查找到第一个符合规则的字符下标
找不到就返回-1
返回值：找到元素的下标或者-1
注意：类似于 indexOf

str . indexOf('字符')

3：math():
语法：

 str.match('字符');
str.match('正则');

含义：查找到匹配的正则规则的元素
注意：使用时需要加上表识符 g 进行全局匹配
返回值：是一个数组形式