正则是用于匹配字符串中字符组合的模式,在js中,正则也是对象。
定义正则的两种方式:
1.const 变量名=new RegExp(/表达式/)
<script>
const req = new RegExp(/a/)
console.log(req.test("asd"))//true
</script>
2.const 变量名=/表达式/
const req = /前端/
console.log(req.test("学习前端"))//true
test()是正则对象方法,用于检测字符串是否符合正则规范,该对象会返回true或false,其()内是想要测试的参数
3.边界符^ $,前者代表开始,后者代表结束
<script>
//^代表以a开头
const req = /^a/
console.log(req.test("a"));//true
console.log(req.test("abc"));//true
console.log(req.test("bac"));//false
//$代表以a结尾
const req1 = /a$/
console.log(req1.test("a"));//true
console.log(req1.test("bca"));//true
console.log(req1.test("bac"));//false
// 正则不需要加引号,无论数字或字符,^ $这样写代表精确匹配,必须是abc才符合规范,否则为false
const req = /^abc$/
console.log(req.test("abc"));//true
console.log(req.test("abcd"));//false
console.log(req.test("aabcd"));//false
//单词边界,找出某句话的某个单词,例如:The cat scattered his food all over the room.想找到cat这个单词,但是如果只是使用/cat/这个正则,就会同时匹配到cat和scattered这两处文本,这时候就可以用到单词边界\b,他其实匹配的是能构成单词的字符(\w)和不能构成单词的字符(\W)中间的那个位置,也就是cat前后空隙.
const req = /\bcat\b/g
const str = 'The cat scattered his food all over the room'
console.log(str.replace(req, 'dog'));//The dog scattered his food all over the room
</script>
4.i:匹配大小写
<script>
// i:忽略大小写
const req = /a/i
console.log(req.test("a"));//true
console.log(req.test("abc"));//true
console.log(req.test("ABC"));//true
</script>
5.g:全局匹配
<script>
const req = /js/
const str = '学js,找js工作,成js大神'
console.log(str.replace(req, "前端"));//学前端,找js工作,成js大神
const req1 = /js/g
const str1 = '学js,找js工作,成js大神'
console.log(str1.replace(req1, "前端"));//学前端,找前端工作,成前端大神
</script>
6.字符类[]
[]:表示有一系列字符可供选择,只要匹配其中一个就可以了
^:取反,注意要写到[]里
.:匹配的是除换行符之外的任意字符,''特殊也为false
<script>
//1.只要匹配一个就符合规则
const req = /[abc]/
console.log(req.test("abcd"));//true
console.log(req.test("andy"));//true
//2.三选一,不含其他元素
const req1 = /^[abc]$/
console.log(req1.test("abc"));//false
console.log(req1.test("andy"));//false
console.log(req1.test("a"));//true
//[]的^表示全取反,就是取abc之外的
const req = /[^abc]/
console.log(req.test("a"));//false
console.log(req.test("d"));//true
//.匹配的是除换行符之外的任意字符,''特殊也为false
const req = /./
console.log(req.test(''));//false
console.log(req.test("1"));//true
console.log(req.test("aaa"));//true
console.log(req.test("\n"));//false
console.log(req.test("\r"));//false
</script>
7.量词符
<script>
//*号使用
const req = /^a*$/
console.log(req.test(""));//true
console.log(req.test("a"));//true
console.log(req.test("aaaa"));//true
//+号使用
const req1 = /^a+$/
console.log(req1.test(""));//false
console.log(req1.test("a"));//true
console.log(req1.test("aaaa"));//true
//?号使用
const req3 = /^a?$/
console.log(req3.test(""));//true
console.log(req3.test("a"));//true
console.log(req3.test("aaaa"));//false
//{n}使用
const req4 = /^a{3}$/
console.log(req4.test("aaa"));//true
console.log(req4.test("aaaa"));//false
//{n,}使用
const req5 = /^a{3,}$/
console.log(req5.test("aaa"));//true
console.log(req5.test("aaaa"));//true
//{n,m}使用
const req6 = /^a{3,5}$/
console.log(req6.test("aaa"));//true
console.log(req6.test("aaaa"));//true
console.log(req6.test("aaaaa"));//true
console.log(req6.test("aaaaaa"));//false
</script>
8.预定义类(简便写法,不做赘述)
9.分组及分组捕获、分支结构
//分组
let req = /(ab)+/ //匹配ab类型的
console.log(req.test('ab'));//true
console.log(req.test('abab'));//true
//分组捕获 例如将YYYY-MM-DD格式替换为MM/DD/YYYY,使用()将\d{4}等分组
let req1 = /^(\d{4})-(\d{2})-(\d{2})$/
let date = '2024-02-25'
console.log(req1.test(date)); //true
//如何获取分组对应内容,使用$,$1代表第一块内容YYYY
console.log(date.replace(req1, '$2/$3/$1'));//02/25/2024
//分支结构
let str = '学前端内容'
let str1 = '学后端知识'
let str2 = '学正则方法'
let req3 = /前端|正则/
console.log(req3.test(str));//true
console.log(req3.test(str1));//false
console.log(req3.test(str2));//true