正则表达式详细使用教程

正则是用于匹配字符串中字符组合的模式，在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