JavaScript零基础入门 10：JavaScript中的正则表达式

作者简介：CSDN2021博客之星亚军、新星计划导师✌、博客专家

哪吒多年工作总结：Java学习路线总结，搬砖工逆袭Java架构师

关注公众号【哪吒编程】，回复1024，获取Java学习路线思维导图、大厂面试真题、加入万粉计划交流群、一起学习进步

一、RegExp

ECMAScript通过RegExp类型支持正则表达式。正则表达式使用类似Perl的简洁语法来创建：
let expression = /pattren/flags;
这个正则表达式的pattern模式可以是任何简单或复杂的正则表达式，包括字符类、限定符、分组、向前查找和反向引用。每个正则表达式可以带零个或多个flags（标记），用于控制正则表达式的行为。

1、下面给出了标识匹配模式的标记：

1. g：全局模式，表示查找字符串的全部内容，而不是找到第一个匹配的内容就结束；
2. i：不区分大小写；
3. m：多行模式，表示查找到一行文本末尾时会继续查找；
4. y：粘附模式，表示只查找从lastIndex开始及之后的字符串；
5. u：Unicode模式，启动Unicode匹配；
6. s：dotAll模式，表示元字符.匹配任何字符；

2、简单实例

（1）匹配字符串中的所有"nezha"

let pattern1 = /nezha/g;

（2） 匹配第一个"bat"或"cat"，忽略大小写

let pattern2 = /[bc]at/i;

（3）匹配所有以at结尾的三个字符长度的字符串，忽略大小写

let pattern3 = /.at.gi;

3、元字符

与其他语言中的正则表达式类似，所有元字符在模式中也必须转义，包括：

( { \ ^ | ) ] } ? * + .

元字符在正则表达式中都有一种或多种特殊功能，所以要匹配上面的这些字符本身，就必须使用反斜杠来转义。

例如：

（1）匹配所有".at"，忽略大小写

let pattern = /\.at/gi;

二、正则表达式

1、语法

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

使用typeof检查正则对象，会返回object。

var reg = new RegExp(“a”); 这个正则表达式可以来检查一个字符串中是否含有a。

在构造函数中可以传递一个匹配模式作为第二个参数，i 忽略大小写，g 全局匹配模式。

var reg = new RegExp("ab","i");

2、正则表达式的方法test()

使用这个方法可以用来检查一个字符串是否符合正则表达式的规则，如果符合则返回true，否则返回false。

3、使用字面量来创建正则表达式

语法：var 变量 = /正则表达式/匹配模式。

使用字面量的方式创建更加简单，使用构造函数创建更加灵活。

4、创建一个正则表达式，检查一个字符串中是否有a或b

使用 | 表示或者的意思。

reg = /a|b|c/;

5、创建一个正则表达式检查一个字符串中是否有字母

reg = /[A-z]/;

6、检查一个字符串中是否含有 abc 或 adc 或 aec

reg = /a[bde]c/;

[^ ] 除了

reg = /[^ab]/;

reg = /[^0-9]/;

7、根据任意字母来将字符串拆分

var result = str.split(/[A-z]/);

8、搜索字符串中是否含有abc 或 aec 或 afc

var result = str.search(/a[bef]c/);

9、match()

match只会找到第一个符合要求的内容，找到以后就停止检索，我们可以设置正则表达式为全局匹配模式，这样就会匹配到所有的内容。可以为一个正则表达式设置多个匹配模式，且顺序无所谓，match()会将匹配到的内容封装到一个数组中返回，即使只查询到一个结果。

str = "1a2a3a4a5e6f7A8B9C";

result = str.match(/[a-z]/ig);

10、replace()

var result = str.replace(/[a-z]/gi , "");

三、正则表达式 – 量词

1、通过量词可以设置一个内容出现的次数

量词只对它前边的一个内容起作用
{n} 正好出现n次
{m,n} 出现m-n次
{m,} m次以上
+至少一个，相当于{1,}
*0个或多个，相当于{0,}
？0个或1个，相当于{0,1}

2、^ 表示开头，$ 表示结尾

reg = /^a/; //匹配开头的a

reg = /a$/; //匹配结尾的a

如果在正则表达式中同时使用^ $则要求字符串必须完全符合正则表达式。

3、检测手机号

以1开头
第二位3-9任意数字
三位以后任意数字9个

var phoneReg = /^1[3-9][0-9]{9}$/; 

4、在正则表达式中使用\作为转义字符

. 来表示.
\ 表示\

5、正则表达式中的特殊字符

\w – 任意字母、数字、_ [A-z0-9_]
\W – 除了字母、数字、_ [^A-z0-9_]
\d – 任意的数字 [0-9]
\D – 除了数字 [^0-9]
\s – 空格
\S – 除了空格
\b – 单词边界
\B – 除了单词边界

6、创建一个正则表达式检查一个字符串中是否含有单词nezha

reg = /\bnezha\b/;

console.log(reg.test("csdn nezha"));

7、去除空格

str = str.replace(/\s/g , "");

去除开头的空格

str = str.replace(/^\s*/, "");

去除结尾的空格

str = str.replace(/\s*$/, "");

匹配开头和结尾的空格

/^\s*|\s*$/g 


str = str.replace(/^\s*|\s*$/g,"");

8、电子邮件

电子邮件
[email protected]
任意字母数字下划线 .任意字母数字下划线 @ 任意字母数字 .任意字母（2-5位） .任意字母（2-5位）
\w{3,} (.\w+)* @ [A-z0-9]+ (.[A-z]{2,5}){1,2}

var emailReg = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/;
			
var email = "[email protected]";
			
console.log(emailReg.test(email));

作者简介：CSDN2021博客之星亚军、新星计划导师✌、博客专家

哪吒多年工作总结：Java学习路线总结，搬砖工逆袭Java架构师

关注公众号【哪吒编程】，回复1024，获取Java学习路线思维导图、大厂面试真题、加入万粉计划交流群、一起学习进步