Vue路由的正则匹配

正则用法

在JavaScript中正则表达式用法为:

/正则表达式特殊字符/修饰符(可选)

特殊字符


这里列一下正则的特殊字符及其用法,加深理解和映象。 
* \ 将字符变为特殊或非特殊字符。如 n 变为换行符 \n,特殊符号 ( 变为字符 \(。 
* ^ 匹配字符串起始位置。 
* $ 匹配字符串结束位置。 
* * 匹配前面的子表达式零到多次。 
* + 匹配前面的子表达式一到多次。 
* ? 匹配前面的子表达式零到一次。 
* {n} 匹配前面的子表达式的n个,如 o{2} 能够匹配 food 不能匹配 god。 
* {n,} 至少匹配n个前面的子表达式,如 o{2,} 能够匹配 fooooood 不能匹配 god。 
* {n, m} 至少匹配n次,至多匹配m次。 
* 非贪婪模式 默认为贪婪模式,如 o+ 将匹配 foooood 的所有 o。而非贪婪模式(在匹配符后面加 ?),如 o+? 则只会匹配一个o 
* . 匹配除换行符外任何单个字符。换行符为 \n 和 \r。 
* (x) 捕获括号,匹配并记住匹配项。 
* (?:x) 非捕获括号,匹配并不记住匹配项。如 /(?:foo){1,2}/,这里将 foo 作为一个整体进行匹配1到2次。 
* x(?=y) 匹配x仅仅在x后面跟y的时候。?=y 表示字符串末尾是y。 
* x(?!y) 匹配x仅仅在x后面不跟着y的时候。?!y 表示字符串末尾不是y。 
* x|y 匹配 x 或 y,如 jack|rose 就可以匹配到 jack 和 rose 两个字符串。 
* [xyz] 匹配方括号内任意字符。 
* [^xyz] 反向字符集,匹配除方括号内字符的任意字符。 
* [0-9] 范围匹配,匹配0-9范围内任意字符。 
* \w 查找单词字符。单词字符包括:a-z、A-Z、0-9,以及下划线。 
* \W 查找非单词字符。 
* \d 查找数字字符。 
* \D 查找非数字字符。 
* \s 查找空白字符。空白字符包括空格、\n、\f、\r、\t、\v。 
* \S 查找非空白字符。 
* \b 匹配单词边界,通常匹配单词开头和结尾。如 /\bcd/ 匹配 cdkey。 
* \B 匹配非单词边界。如 /\Bcd/ 匹配 abcd。 
* \O 查找 NULL 字符。 
* \n 换行符。 
* \f 换页符。 
* \r 回车符。 
* \t 制表符。 
* \v 垂直制表符。

修饰符
i 执行对大小写不敏感的匹配。
g 执行全局匹配。
m 执行多行匹配。

简单正则实例分析

 

/^[0-9]*$/
0-9范围内0到多个数字的组合,且字符开头结尾都是0-9的数字。即表示整数。如 1314、0

 

/^\d{m,n}$/
匹配m-n位的数字。由于开头结尾都是数字,所以它是一个固定长度的纯数字。

 

/^\-[1-9][0-9]*$/
匹配-开头,数字结尾,第一个字符为1-9,随后0-n个字符为0-9的字符。即非零负整数

 

/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
这是匹配邮件的一个正则,我们一点点看。 


 

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你认识小汐吗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值