正则表达式

正则表达式

概念：是一种模式 用于匹配字符串的模式。 是javascript中内置的对象 RegExp

创建正则表达式

构造函数方式
    let reg = new RegExp('\d+')
字面量方式
    let reg = /\d+/

正则表达式的常用方法

 test
     正则.test(字符串)
           =>true | false
 search
      字符串.search(正则)
          =>索引号
 match
     字符串.match(正则)
         =>数组
 replace
     字符串.replace(正则，新字符)
         =>替换后的新字符串

正则字符

普通字符： a-z，A-Z, 0-9

元字符

 \d 数字
 \D
 \w
 \s

定位符：限定匹配字符，开始或结束

  ^once  开始
  once$  结束

转义符

    \n  -> 换行
    .  -> 除换行符外的任意字符
    .  -> 匹配.
    http://www.xxx.com
    const reg = /./

    选择符 |
         [a|b]

分组与反向引用

分组:

       const str = 'aabcdef'
       const reg = /a+/

       const str = 'abcdefabc'
       const reg = /(abc)+/g

反向引用

 $1  -> abc
 const str = '2022-09-05'  -> 09/05/2022
 const reg = /(\d{4})-(\d{2})-(\d{2})/

                $1   $2   $3
           $2/$3/$1     -> 09/05/2022

   思路： 匹配日期时间，分组后反向引用分组内容重组日期时间格式

元素运行

联想：小区块随光标移动

  元素运动到指定位置

        let x = e.offsetX
        let y = e.offsetY

        box.style.top = y 
        box.style.left = x