JavaScript零基础入门 10:正则表达式

Posted 哪 吒

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript零基础入门 10:正则表达式相关的知识,希望对你有一定的参考价值。

🍅 Java学习路线配套文章:Java学习路线总结,搬砖工逆袭Java架构师(全网最强)
🍅 基础推荐:Java基础教程系列
🍅 实战推荐:Spring Boot基础教程
🍅 简介:Java领域优质创作者🏆、CSDN哪吒公众号作者✌ 、Java架构师奋斗者💪
🍅 扫描主页左侧二维码,加入群聊,一起学习、一起进步
🍅 欢迎点赞 👍 收藏 ⭐留言 📝

一、正则表达式

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、电子邮件

电子邮件
nezha@qq.com.cn
任意字母数字下划线 .任意字母数字下划线 @ 任意字母数字 .任意字母(2-5位) .任意字母(2-5位)
\\w3, (.\\w+)* @ [A-z0-9]+ (.[A-z]2,5)1,2

var emailReg = /^\\w3,(\\.\\w+)*@[A-z0-9]+(\\.[A-z]2,5)1,2$/;
			
var email = "abc.hello@163.com";
			
console.log(emailReg.test(email));

三、哪吒社区万粉计划

1、Java从入门到项目实战
2、SQL从入门到精通
3、手把手教你学Linux
4、Python从入门到项目实战




上一篇:JavaScript零基础入门 9:读取元素的样式
下一篇:JavaScript零基础入门 11:用JavaScript实现图片上传并预览

添加微信,备注1024,赠送Java学习路线思维导图

以上是关于JavaScript零基础入门 10:正则表达式的主要内容,如果未能解决你的问题,请参考以下文章

Python零基础入门

[基础]正则表达式

零基础,如何自学前端?

2016.9.13 JavaScript入门之六基础函数

韩顺平循序渐进学Java零基础 第27章 正则表达式

python3完全零基础入门视频