JavaScript学习笔记（十七）正则表达式_千锋教育 javascript 正则表达式笔记(1)

最新推荐文章于 2024-06-19 23:25:05 发布

2401_84254057

最新推荐文章于 2024-06-19 23:25:05 发布

阅读量764

点赞数 9

分类专栏：程序员文章标签： javascript 学习笔记

本文链接：https://blog.csdn.net/2401_84254057/article/details/138273899

版权

程序员专栏收录该内容

203 篇文章 0 订阅

订阅专栏

文章详细介绍了JavaScript正则表达式的各种匹配规则，如数量限定符、边界符、特殊符号的应用，以及`test`、`exec`、`search`和`match`等方法的使用示例。

摘要由CSDN通过智能技术生成

console.log(reg.test(str2)) // false


#### **限定符**


* `*` ： 前一个内容重复至少 0 次，也就是可以出现 **0 ～ 正无穷** 次
* `+` ： 前一个内容重复至少 1 次，也就是可以出现 **1 ～ 正无穷** 次
* `?` ： 前一个内容重复 0 或者 1 次，也就是可以出现 **0 ～ 1** 次
* `{n}` ： 前一个内容重复 n 次，也就是必须出现 **n** 次
* `{n,}` ： 前一个内容至少出现 n 次，也就是出现 **n ～ 正无穷** 次
* `{n,m}` ： 前一个内容至少出现 n 次至多出现 m 次，也就是出现 **n ～ m** 次
* 限定符是配合元字符使用的

// 下面正则表示验证数字出现 0 ～正无穷次都可以
var reg = /\d*/
var str = ‘abc’
var str2 = ‘abc1’
var str3 = ‘abc123’
console.log(reg.test(str)) // true
console.log(reg.test(str2)) // true
console.log(reg.test(str3)) // true
// 下面正则表示验证数字出现 1 ～正无穷次都可以
var reg = /\d+/
var str = ‘abc’
var str2 = ‘abc1’
var str3 = ‘abc123’
console.log(reg.test(str)) // false
console.log(reg.test(str2)) // true
console.log(reg.test(str3)) // true
// 下面正则表示验证数字出现 0 ~ 1 次都可以
var reg = /\d?/
var str = ‘abc’
var str2 = ‘abc1’
console.log(reg.test(str)) // true
console.log(reg.test(str2)) // true
// 下面正则表示验证数字必须出现 3 次
var reg = /\d{3}/
var str = ‘abc’
var str2 = ‘abc1’
var str3 = ‘abc123’
console.log(reg.test(str)) // false
console.log(reg.test(str2)) // false
console.log(reg.test(str3)) // true
// 下面正则表示验证数字出现 3 ～正无穷次
var reg = /\d{3,}/
var str = ‘abc’
var str2 = ‘abc1’
var str3 = ‘abc123’
var str4 = ‘abcd1234567’
console.log(reg.test(str)) // false
console.log(reg.test(str2)) // false
console.log(reg.test(str3)) // true
console.log(reg.test(str4)) // true
// 下面正则表示验证数字只能出现 3 ～ 5 次
var reg = /\d{3,5}/
var str = ‘abc’
var str2 = ‘abc1’
var str3 = ‘abc123’
var str4 = ‘abc12345’
console.log(reg.test(str)) // false
console.log(reg.test(str2)) // false
console.log(reg.test(str3)) // true
console.log(reg.test(str4)) // true


#### **边界符**


* `^` ： 表示开头
* `$` ： 表示结尾
* 边界符是限定字符串的开始和结束的

// 下面表示从开头到结尾只能有数字，并且出现 3 ～ 5 次
var reg = /^\d{3,5}$/
var str = ‘abc’
var str2 = ‘abc123’
var str3 = ‘1’
var str4 = ‘1234567’
var str5 = ‘123’
var str6 = ‘12345’
console.log(reg.test(str)) // false
console.log(reg.test(str2)) // false
console.log(reg.test(str3)) // false
console.log(reg.test(str4)) // false
console.log(reg.test(str5)) // true
console.log(reg.test(str6)) // true


#### **特殊符号**


* `()` ： 限定一组元素
* `[]` ： 字符集合，表示写在 `[]` 里面的任意一个都行
* `[^]` ： 反字符集合，表示写在 `[^]` 里面之外的任意一个都行
* `-` ： 范围，比如 `a-z` 表示从字母 a 到字母 z 都可以
* `|` ： 或，正则里面的或 `a|b` 表示字母 a 或者 b 都可以
* 现在我们就可以把若干符号组合在一起使用了

// 下面是一个简单的邮箱验证
// 非_ $KaTeX parse error: Double superscript at position 81: \dots个 var reg = /^[^̲_$ ].{6,}@(163|126|qq|sina).(com|cn|net)$/


#### **标示符**


* `i` ： 表示忽略大小写
	+ 这个 i 是写在正则的最后面的
	+ `/\w/i`
	+ 就是在正则匹配的时候不去区分大小写
* `g` ： 表示全局匹配
	+ 这个 g 是写在正则的最后面的
	+ `/\w/g`
	+ 就是全局匹配字母数字下划线


### **正则表达式的方法**


* 正则提供了一些方法给我们使用
* 用来检测和捕获字符串中的内容的


#### **test**


* `test` 是用来检测字符串是否符合我们正则的标准
* 语法： `正则.test(字符串)`
* 返回值： boolean

console.log(/\d+/.test(‘123’)) // true
console.log(/\d+/.test(‘abc’)) // false


#### **exec**


* `exec` 是把字符串中符合条件的内容捕获出来
* 语法： `正则.exec(字符串)`
* 返回值： 把字符串中符合正则要求的第一项以及一些其他信息，以数组的形式返回

var reg = /\d{3}/
var str = ‘hello123world456你好789’
var res = reg.exec(str)
console.log(res)
/*
[“123”, index: 5, input: “hello123world456你好789”, groups: undefined]
0: “123”
groups: undefined
index: 5
input: “hello123world456你好789”
length: 1
proto: Array(0)
*/


* + 数组第 0 项就是匹配到的字符串内容
	+ index 属性表示从字符串的索引几开始是匹配的到字符串


### **字符串的方法**


* 字符串中有一些方法也是可以和正则一起使用的


#### **search**


* `search` 是查找字符串中是否有满足正则条件的内容
* 语法： `字符串.search(正则)`
* 返回值 ： 有的话返回开始索引，没有返回 -1

var reg = /\d{3}/
var str = ‘hello123’
var str2 = ‘hello’
console.log(str.search(reg)) // 5
console.log(str2.search(reg)) // -1


#### **match**


* `match` 找到字符串中符合正则条件的内容返回
* 语法： `字符串.match(正则)`
* 返回值 ：
	+ 没有标示符 g 的时候，是和 exec 方法一样



还有兄弟不知道网络安全面试可以提前刷题吗？费时一周整理的160+网络安全面试题，金九银十，做网络安全面试里的显眼包！


王岚嵚工程师面试题（附答案），只能帮兄弟们到这儿了！如果你能答对70%，找一个安全工作，问题不大。


对于有1-3年工作经验，想要跳槽的朋友来说，也是很好的温习资料！


【完整版领取方式在文末！！】


***93道网络安全面试题***


![](https://img-blog.csdnimg.cn/img_convert/6679c89ccd849f9504c48bb02882ef8d.png)








![](https://img-blog.csdnimg.cn/img_convert/07ce1a919614bde78921fb2f8ddf0c2f.png)





![](https://img-blog.csdnimg.cn/img_convert/44238619c3ba2d672b5b8dc4a529b01d.png)





内容实在太多，不一一截图了


### 黑客学习资源推荐


最后给大家分享一份全套的网络安全学习资料，给那些想学习 网络安全的小伙伴们一点帮助！


对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。


😝朋友们如果有需要的话，可以联系领取~

#### 1️⃣零基础入门


##### ① 学习路线


对于从来没有接触过网络安全的同学，我们帮你准备了详细的**学习成长路线图**。可以说是**最科学最系统的学习路线**，大家跟着这个大的方向学习准没问题。


![image](https://img-blog.csdnimg.cn/img_convert/acb3c4714e29498573a58a3c79c775da.gif#pic_center)


##### ② 路线对应学习视频


同时每个成长路线对应的板块都有配套的视频提供：


![image-20231025112050764](https://img-blog.csdnimg.cn/874ad4fd3dbe4f6bb3bff17885655014.png#pic_center)


#### 2️⃣视频配套工具&国内外网安书籍、文档


##### ① 工具


![](https://img-blog.csdnimg.cn/img_convert/d3f08d9a26927e48b1332a38401b3369.png#pic_center)


##### ② 视频


![image1](https://img-blog.csdnimg.cn/img_convert/f18acc028dc224b7ace77f2e260ba222.png#pic_center)


##### ③ 书籍


![image2](https://img-blog.csdnimg.cn/img_convert/769b7e13b39771b3a6e4397753dab12e.png#pic_center)

资源较为敏感，未展示全面，需要的最下面获取

![在这里插入图片描述](https://img-blog.csdnimg.cn/e4f9ac066e8c485f8407a99619f9c5b5.png#pic_center)![在这里插入图片描述](https://img-blog.csdnimg.cn/111f5462e7df433b981dc2430bb9ad39.png#pic_center)


##### ② 简历模板


![在这里插入图片描述](https://img-blog.csdnimg.cn/504b8be96bfa4dfb8befc2af49aabfa2.png#pic_center)

 **因篇幅有限，资料较为敏感仅展示部分资料，添加上方即可获取👆**




**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化资料的朋友，可以点击这里获取](https://bbs.csdn.net/topics/618540462)**

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**