正则表达式入门/js书写 ——(看都看不懂的新手入门)

为了更好理解,概念描述的没那么严谨,可自行查看文档。
在我看来正则就是字符串的书写规则,test方法用于判断字符串是否符合我写的规则,而规则就写在/ /里面;
一个简单的例子

/^1234$/.test(1234) // true
  • 开始和结束
    • ^ 代表开始, $ 代表结束;
    • /^1234/翻译过来就是:字符串以1234开头;
      /^1234/.test(12345) // true
      /^1234/.test(51234) // false
      
    • /1234$/翻译过来就是:字符串以1234结尾;
      /1234$/.test(51234) // true
      /1234$/.test(12345) // false
      
    • /^1234$/翻译过来就是:字符串以1234 开头并以1234 结尾,即必须是1234;
      /^1234$/.test(1234) // true
      /^1234$/.test(12345) // false
      /^1234$/.test(51234) // false
      
    • /1234/翻译过来就是:字符串中有1234,不管在什么位置;
      /1234/.test(512345) // true
      
  • 顺序
    正则表达式的检验规则是有顺序的;
    • 例如/^1234/,它的检验规则是:第一位是1,第二位是2,第三位是3,第四位是4,因为没加 $,所以之后的它不管;
    • 同理/1234$/,它的检验规则是:倒数第四位是1,倒三是2,倒二是3,倒一是4,因为没加 ^,之前的它不管;
      这里注意正则检验的是所有字符,例如小数1.3,它是有三位的,分别是1、小数点“.”、3。
  • 元字符 元字符表
    • 字符可以单独设置每一个位子的检验规则;
      例如 \d 代表数字字符;
      /^\d234/,我们把1换成\d,此时检验规则变为:第一位是一个数字,第二位是2,第三位是3,第四位是4,之后的不管;
      所以此时第一位只要是0-9的数字都可以满足条件;
      /^\d234/.test(5234) // true
      /^\d234/.test('a234') // false
      
      同理,把1、2、3、4都换成\d,/^\d\d\d\d/表示前四位都必须是0-9的数字;
      /^\d\d\d\d/.test(3131) // true
      
      我们可以把每一个位子换成各种各样的元字符,来实现各种检验规则;
    • 限定符
      上例中的/^\d\d\d\d/表示四位的检验规则,那如果我要检验20位呢,难道我要写20个\d吗,那也太蠢了,这个时候我们就可以用限定符了;
      • 基本的限定符{},用法是在括号内填写数字,代表你需要匹配的位数;
        • 可以填写一个或两个数字
        • {4}表示4位, /^\d{4}/等同于 /^\d\d\d\d/
          /^\d{4}/.test(3131) // true
          
        • {4,}表示最少4位,最多不限制
          /^\d{4,}/.test(123) // false
          /^\d{4,}/.test(12345) // true
          
        • {0,4}表示最少0位,最多4位
          注意如果没有加$,超过4位也会校验成功的。
          /^\d{0,4}/.test(123454) // true
          /^\d{0,4}$/.test(123454) // false
          
      • 限定符的一些常用场景我们可以使用更简洁的写法
        • {0,}==*
        • {1,}==+
        • {0,1}==?
    • 自定义范围字符
      在某些场景,现有的元字符可能满足不了需求,比如第一位必须是奇数,第二位必须是偶数,这时我们可以利用[]来自定义检验范围
      • []
        [13579]来代替\d,表示在这个位子上的值只要是1、3、5、7、9中的一个就行;
        /^[13579]234/.test(1234) // true
        /^[13579]234/.test(2234) // false
        /^[13579]234/.test(3234) // true
        /^[13579]234/.test(4234) // false
        
        所以/^[13579][02468]/就表示第一位必须是奇数,第二位必须是偶数
      • - 在[]中使用- 匹配自身需要转义\-
        [1234567]这样写起来比较长,可以用[1-7]来代替
        -表示范围,双元运算符,表示在ASCII码中处于指定前后字符之间的字符
      • ^ 在 [] 中使用 ^
        [] 中是 的意思
        [^1]就表示除1之外的所有字符
        更多的自定义规则和元字符的妙用自己看文档摸索吧。
  • 待更新
    ......
  • 实时检验网站
    这里有个网站可以实时看到正则表达式检验的顺序
    https://regex101.com/
    中间两个输入框,上面填写正则表达式,下面填写要检验的字符串,左边操作栏有一个Regex Debugger,就是用来看每一步检验过程的,更多操作自己摸索。

元字符及常见行为表格

复制自https://www.runoob.com/regexp/regexp-metachar.html

字符描述
\将下一个字符标记为一个特殊字符、或一个原义字符、或一个 后向引用、或一个八进制转义符。例如,‘n’ 匹配字符 “n”。‘\n’ 匹配一个换行符。序列 ‘\’ 匹配 “” 而 “(” 则匹配 “(”。
^匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性,^ 也匹配 ‘\n’ 或 ‘\r’ 之后的位置。
$匹配输入字符串的结束位置。如果设置了RegExp 对象的 Multiline 属性,$ 也匹配 ‘\n’ 或 ‘\r’ 之前的位置。
*匹配前面的子表达式零次或多次。例如,zo* 能匹配 “z” 以及 “zoo”。 * 等价于{0,}。
+匹配前面的子表达式一次或多次。例如,‘zo+’ 能匹配 “zo” 以及 “zoo”,但不能匹配 “z”。+ 等价于 {1,}。
?匹配前面的子表达式零次或一次。例如,“do(es)?” 可以匹配 “do” 或 “does” 中的"do" 。? 等价于 {0,1}。
{n}n 是一个非负整数。匹配确定的 n 次。例如,‘o{2}’ 不能匹配 “Bob” 中的 ‘o’,但是能匹配 “food” 中的两个 o。
{n,}n 是一个非负整数。至少匹配n 次。例如,‘o{2,}’ 不能匹配 “Bob” 中的 ‘o’,但能匹配 “foooood” 中的所有 o。‘o{1,}’ 等价于 ‘o+’。‘o{0,}’ 则等价于 ‘o*’。
{n,m}m 和 n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m 次。刘, “o{1,3}” 将匹配 “fooooood” 中的前三个 o。‘o{0,1}’ 等价于 ‘o?’。请注意在逗号和两个数之间不能有空格。
?当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面时,匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串,而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如,对于字符串 “oooo”,‘o+?’
.匹配除 “\n” 之外的任何单个字符。要匹配包括 ‘\n’ 在内的任何字符,请使用象 ‘[.\n]’ 的模式。
(pattern)匹配pattern 并获取这一匹配。所获取的匹配可以从产生的 Matches 集合得到,在VBScript 中使用 SubMatches 集合,在JScript 中则使用 $0…$9 属性。要匹配圆括号字符,请使用 ‘(’ 或 ‘)’。
(?:pattern)匹配 pattern 但不获取匹配结果,也就是说这是一个非获取匹配,不进行存储供以后使用。这在使用 “或” 字符 (
(?=pattern)正向预查,在任何匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配,也就是说,该匹配不需要获取供以后使用。例如, 'Windows (?=95
(?!pattern)负向预查,在任何不匹配Negative lookahead matches the search string at any point where a string not matching pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配,也就是说,该匹配不需要获取供以后使用。例如’Windows (?!95
xy
[xyz]字符集合。匹配所包含的任意一个字符。例如, ‘[abc]’ 可以匹配 “plain” 中的 ‘a’。
[^xyz]负值字符集合。匹配未包含的任意字符。例如, ‘[^abc]’ 可以匹配 “plain” 中的’p’。
[a-z]字符范围。匹配指定范围内的任意字符。例如,‘[a-z]’ 可以匹配 ‘a’ 到 ‘z’ 范围内的任意小写字母字符。
[^a-z]负值字符范围。匹配任何不在指定范围内的任意字符。例如,‘[^a-z]’ 可以匹配任何不在 ‘a’ 到 ‘z’ 范围内的任意字符。
\b匹配一个单词边界,也就是指单词和空格间的位置。例如, ‘er\b’ 可以匹配"never" 中的 ‘er’,但不能匹配 “verb” 中的 ‘er’。
\B匹配非单词边界。‘er\B’ 能匹配 “verb” 中的 ‘er’,但不能匹配 “never” 中的 ‘er’。
\cx匹配由x指明的控制字符。例如, \cM 匹配一个 Control-M 或回车符。 x 的值必须为 A-Z 或 a-z 之一。否则,将 c 视为一个原义的 ‘c’ 字符。
\d匹配一个数字字符。等价于 [0-9]。
\D匹配一个非数字字符。等价于 [^0-9]。
\f匹配一个换页符。等价于 \x0c 和 \cL。
\n匹配一个换行符。等价于 \x0a 和 \cJ。
\r匹配一个回车符。等价于 \x0d 和 \cM。
\s匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。
\S匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。
\t匹配一个制表符。等价于 \x09 和 \cI。
\v匹配一个垂直制表符。等价于 \x0b 和 \cK。
\w匹配包括下划线的任何单词字符。等价于’[A-Za-z0-9_]'。
\W匹配任何非单词字符。等价于 ‘[^A-Za-z0-9_]’。
\xn匹配 n,其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如, ‘\x41’ 匹配 “A”。‘\x041’ 则等价于 ‘\x04’ & “1”。正则表达式中可以使用 ASCII 编码。.
\num匹配 num,其中 num 是一个正整数。对所获取的匹配的引用。例如,‘(.)\1’ 匹配两个连续的相同字符。
\n标识一个八进制转义值或一个后向引用。如果 \n 之前至少 n 个获取的子表达式,则 n 为后向引用。否则,如果 n 为八进制数字 (0-7),则 n 为一个八进制转义值。
\nm标识一个八进制转义值或一个后向引用。如果 \nm 之前至少有is preceded by at least nm 个获取得子表达式,则 nm 为后向引用。如果 \nm 之前至少有 n 个获取,则 n 为一个后跟文字 m 的后向引用。如果前面的条件都不满足,若 n 和 m 均为八进制数字 (0-7),则 \nm 将匹配八进制转义值 nm。
\nml如果 n 为八进制数字 (0-3),且 m 和 l 均为八进制数字 (0-7),则匹配八进制转义值 nml。
\un匹配 n,其中 n 是一个用四个十六进制数字表示的 Unicode 字符。例如, \u00A9 匹配版权符号 (?)。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值