JavaScript从入门到精通系列第三十篇：详解JavaScript中的正则表达式语法

刺骨的言语ヽ痛彻心扉 2024-02-19 09:14 11阅读 0赞

**文章目录**

前言

1：概念回顾

2：正则表达式

一：正则表达式

1：正则表达式字面量

2：检查是否有a或者b

3：检查是否有字母

4：检查是否有abc/aec/afc

5：检查除了ab

--------------------

> 大神链接：作者有幸结识技术大神孙哥为好友，获益匪浅。现在把孙哥视频分享给大家。
> 
> 孙哥链接：[孙哥个人主页][Link 1]  
> 作者简介：一个颜值99分，只比孙哥差一点的程序员  
> 本专栏简介：话不多说，让我们一起干翻JavaScript
> 
> 本文章简介：话不多说，让我们讲清楚JavaScript里边的正则表达式

## 前言 ##

### 1：概念回顾 ###

正则表达式应用的场景是什么呢？比方说检查客户注册的电子邮件的格式的标准性。让计算机基于固定的格式，去检测用户输入的电子邮件地址是不是正确的电子邮件地址。

正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式检查一个字符串是否符合规则，或者将字符串中符合规则的内容提取出来。

在JS中，正则表达式是一个对象，用的话需要先创建正则表达式对象。

### 2：正则表达式 ###

var reg = new RegExp("正则表达式","匹配模式");

正则表达式的预发是基于构造函数创建，里边需要有两个参数，一个是正则表达式，另外一个是匹配模式。

编写代码：

var reg = new RegExp("a");
    console.log(a);

## 一：正则表达式 ##

### 1：正则表达式字面量 ###

语法：var 变量 =/正则表达式/匹配模式；这种方式创建更加简单，使用构造函数创建更加灵活

var reg = new RegExp("a","i");
    console.log(reg);

这个可以改写为：

var reg = /a/i
    console.log(reg);
    console.log(typeof reg);
    console.log(reg.test("abc"));

运行结果：

![21acd46cac5643b0a3f0aed6444054d5.png][]

### 2：检查是否有a或者b ###

在正则表达式中使用|表示或者的意思

证明这件事情：

var reg = /a|b/i
    console.log(reg.test("bcd"));
    console.log(reg.test("aeg"));

运行结果：

![c2dd2e1f743747f3ba96cfb089946ee3.png][]

### 3：检查是否有字母 ###

在正则表达式中如果表示是否有字母呢？我们用\[abcd....z\]这样表示一个或的关系。或者干脆这么写\[a-z\]表示了任意的小写字母，\[A-Z\]表示任意的大写字母

证明这件事情：

var reg = /[a-z]|[A-Z]/i
    console.log(reg.test("bcd"));
    console.log(reg.test("aeg"));

运行结果：

![60b184d89cce4d90b90a1734ab4f112a.png][]

### 4：检查是否有abc/aec/afc ###

在正则表达式中如果表示是否有字母呢？我们用\[abcd....z\]这样表示一个或的关系。这样就可以这样写a\[bef\]c

证明这件事情：

var reg = /a[bce]c/i
    console.log(reg.test("abc"));
    console.log(reg.test("aec"));

![5a39863afdad4d68aa84bc81eff05f75.png][]

### 5：检查除了ab ###

在正则表达式中如果表示是否有字母呢？我们用^表示除了

证明这件事情

var reg = /a[^bce]c/i
    console.log(reg.test("abc"));
    console.log(reg.test("aac"));

执行结果：

![e3ae86d8012f4116bb9104b4c90e14db.png][]

[Link 1]: https://space.bilibili.com/284638819
[21acd46cac5643b0a3f0aed6444054d5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/2a81cdecf50f48708759aa5ae719fae3.png
[c2dd2e1f743747f3ba96cfb089946ee3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/5fc60763501c40fba8e1b1ef53129ac1.png
[60b184d89cce4d90b90a1734ab4f112a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/373e419f369a480c80e959e09b48547b.png
[5a39863afdad4d68aa84bc81eff05f75.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/c52da64e960448a3ab2f3007772abc36.png
[e3ae86d8012f4116bb9104b4c90e14db.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/3b597815b3d34565b3f7eb3361fae87d.png