正则匹配基础

正则表达式它是js内置的一个对象，它的构造函数是RegExp,可以通过构造函数或者字面量这两种方式创建正则表达式.

正则表达式的两个方法

  • test()方法，用于验证某个字符串是否符合这个正则表达式规则;
  • exec()方法，用于根据正则表达式去字符串中提取符合要求的字符;

正则表达式修饰符

  • g代表全局global;
  • i代表ignore忽略大小写;
  • m代表multipleline多行的意思，也就是可以换行查找;

正则表达式规则

一元符

元字符

对应说明

.

匹配除换行符之外的任意字符

\w

匹配字母数字下划线，等同于：[a-zA-Z0-9_]

\s

匹配任意空白符

\d

匹配数字，等同于[0-9]

\b

匹配单词边界

|

或匹配，如 /x|y/ 正则可匹配x或y两个字符

^

匹配字符串的开始

$

匹配字符串的结束

反义字符

反义字符

对应说明

[^x]

匹配除“x”之外的所有字符，其中“x”可以为任意字符

[^xyz]

同上，匹配除“x、y、z”之外的任意字符

\W

匹配除了字母、数字、下划线之外的所有字符，等同于：[^\w]

\S

匹配除空白符之外的任意字符，等同于：[^\s]

\B

匹配不是单词边界的字符，等同于：[^\b]

\D

匹配不是数字的所有字符，等同于：[^\d]

转义字符

正则表达式里面还有一些特殊的符号是需要转义的，如[,],/,.{,},+,*,?等，需要使用\转义;

转义字符

对应说明

\xnn

匹配十六进制数

\f

匹配换页符，等同于：\x0c

\n

匹配换行符，等同于：\x0a

\r

匹配回车符，等同于：\x0d

\t

匹配水平制表符，等同于：\x09

\v

匹配垂直制表符，等同于：\x0b

\unnnn

匹配Unicode字符，如：\u00A0

重复匹配

匹配字符

对应说明

*

重复出现零次或多次

+

重复出现一次或多次

？

重复出现零次或一次

重复出现n次

至少重复出现n次

重复重现m到n次，其中，m<n

贪婪与惰性

贪婪模式：尽可能的选取多个;
惰性模式：尽可能少取

相关字符

对应说明

*?

重复任意次，但尽可能少的重复

+?

重复一次或多次，但尽可能少的重复

??

重复零次或一次，但尽可能少的重复

{m,n}?

重复m到n次，但尽可能少的重复

{n,}?

重复n次以上，但尽可能少的重复

原子组编号

1,原子表指的是[],从表中拿一个出来进行匹配;
2,原子组指的是(),形成一个个小隔离域进行匹配;

  • 原子组通过()来形成一个个分组，其实在形成分组的时候，默认会形成一个个分组编号;方便进行二次提取操作,比如匹配开始标签名与结束标签名时,要保持一致;
  • \1代表的是匹配出来的第1个分组内容,\2, \3以此类推;

前瞻后顾

  • 前瞻: 匹配的是A,限制条件是A后面是B; A(?=B)
  • 后顾: 匹配表达式A，限制条件A的前面是B; (?<=B)A
  • 负前瞻: 匹配的是A,限制条件是A后面是B; A(!=B)
  • 负后顾: 匹配表达式A，限制条件A的前面是B; (?<!B)A

格式化日期案例

const formatTime = (time: string | number | Date, fmt: string): string => {

  // console.log(time, fmt)

  //Date Wed May 17 2023 13:42:22 GMT+0800 (中国标准时间)    HH: mm: ss/yyyy-MM-dd

  if (!time) return ''

  const date = new Date(time)

  const o = {

    'M+': date.getMonth() + 1,

    'd+': date.getDate(),

    'H+': date.getHours(),

    'm+': date.getMinutes(),

    's+': date.getSeconds(),

    'q+': Math.floor((date.getMonth() + 3) / 3),

    S: date.getMilliseconds()

  }

  console.log(o)

  //Object { "M+": 5, "d+": 17, "H+": 13, "m+": 52, "s+": 13, "q+": 2, S: 67 }

  if (/(y+)/.test(fmt)) {

    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))

    for (const k in o) {

      if (new RegExp('(' + k + ')').test(fmt)) {

        fmt = fmt.replace(

          RegExp.$1,

          RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length)

        )

      }

    }

  }

  return fmt

}

//调用
const handleTime = () => {

      timer= setInterval(() => {

        const date = new Date()

        dateDay = formatTime(date, 'HH: mm: ss')

        dateYear = formatTime(date, 'yyyy-MM-dd')

        dateWeek = WEEK[date.getDay()]

      }, 1000)

    }