正则表达式

1176 字
6 分钟
正则表达式

正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,获取将字符串中符合规则的内容提取出来

创建正则表达式的对象#

构造函数方式构造#

  • 语法: var 变量 = new RegExp(“正则表达式”,“匹配模式”); var reg = new RegExp(“a”); //这个正则表达式可以来检查一个字符串中是否含有a var reg = new RegExp(“a”, “i”); //不区分大小写
  • 使用typeof检查正则对象,会返回object
  • 在构造函数中可以传递一个匹配模式作为第二个参数,可以是 i 忽略大小写 g 全局匹配模式

使用字面量来创建#

  • 语法: var 变量 = /正则表达式/匹配模式 var reg = /a/; //等价于var reg = new RegExp(“a”); var reg = /a/i; //等价于var reg = new RegExp(“a”, “i”);

正则表达式的语法#

使用 | 或 [] 表示或者的意思#

//下面三个表达式等价
var reg = /a|b|c/
var reg = /[abc]/
var reg = /[a-c]/
  • [a-z] 任意小写字母
  • [A-Z] 任意大写字母
  • [A-z] 任意字母
  • [0-9] 任意数字
  • [^ ] 非

量词#

  • 通过量词可以设置一个内容出现的次数

  • 量词只对它前边的一个内容起作用

    {n} 正好出现n次
    {m,n} 出现m-n次
    {m,} m次以上
    \+ 至少一个,相当于{1,}
    \* 0个或多个,相当于{0,}
    ? 0个或1个,相当于{0,1}

检查一个字符串中开头或结尾#

  • ^ 表示开头

  • $ 表示结尾

    var reg = /^a/; //以a开始
    var reg = /a$/; //以a结尾
  • 如果在正则表达式中同时使用^ $则要求字符串必须完全符合正则表达式

    var reg = /^a&/; //要求正则表达式必须为a

使用 \ 作为转义字符#

  • \\\. 表示 .
  • \\\\ 表示 \\

元字符#

  • . 单个字符,除了换行和行结束符

  • \w 任意字母、数字、_ [A-z0-9_]

  • \W 非字母、数字、_ [^A-z0-9_]

  • \d 任意的数字 [0-9]

  • \D 非数字 [^0-9]

  • \s 空格

  • \S 非空格

  • \b 单词边界

  • \B 非单词边界

    电子邮件
    hello .nihao @ abc .com.cn
    任意字母数字下划线 .任意字母数字下划线 @ 任意字母数字 .任意字母(2-5位) .任意字母(2-5位)
    \w{3,} (\.\w+)* @ [A-z0-9]+ (\.[A-z]{2,5}){1,2}
    var emailReg = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/;
    var email = "abc.hello@163.com";
    console.log(emailReg.test(email)); //true

正则表达式的方法#

test()#

  • 使用这个方法可以用来检查一个字符串是否符合正则表达式的规则,如果符合则返回true,否则返回false var str = “abc123”; var reg = new RegExp(“aB”, “i”);

    console.log(reg.test(str)); //true

split()#

  • 可以将一个字符串拆分为一个数组
  • 方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串
  • 这个方法即使不指定全局匹配,也会全都拆分 //根据任意字母来将字符串拆分 var str = “1a2b3c4d5e6f7”; console.log(str.split(/[A-z]/)); //[‘1’, ‘2’, ‘3’, ‘4’, ‘5’, ‘6’, ‘7’]
  • 可以搜索字符串中是否含有指定内容
  • 如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到返回-1
  • 它可以接受一个正则表达式作为参数,然后会根据正则表达式去检索字符串
  • serach()只会查找第一个,即使设置全局匹配也没用 //搜索字符串中是否含有abc 或 aec 或 afc str = “hello abc hello aec afc”; console.log(str.search(/a[bef]c/)); //6

match()#

  • 可以根据正则表达式,从一个字符串中将符合条件的内容提取出来
  • 默认情况下我们的match只会找到第一个符合要求的内容,找到以后就停止检索
    • 我们可以设置正则表达式为全局匹配模式,这样就会匹配到所有的内容
    • 可以为一个正则表达式设置多个匹配模式,且顺序无所谓
  • match()会将匹配到的内容封装到一个数组中返回,即使只查询到一个结果 var str = “1a2a3a4a5e6f7A8B9C”; //提取字符串中所有的字母(不区分大小写) console.log(str.match(/[a-z]/ig)); //返回值是数组

replace()#

  • 可以将字符串中指定内容替换为新的内容
  • 参数:
    • 第一个:被替换的内容,可以接受一个正则表达式作为参数
    • 第二个:新的内容
  • 默认只会替换第一个,设置正则表达式为全局匹配模式,这样就会替换到所有符合正则表达式的内容
  • 第二个参数设为空串,相当于删除匹配到的内容 var str = “1a2a3a4a5e6f7A8B9C”; console.log(str.replace(/[a-z]/gi, ”@”)); // 1@2@3@4@5@6@7@8@9@ console.log(str.replace(/[a-z]/gi, "")); // 123456789

文章分享

如果这篇文章对你有帮助,欢迎分享给更多人!

正则表达式
https://sukksa.github.io/posts/zheng-ze-biao-da-shi/
作者
Sukksa
发布于
2021-04-28
许可协议
CC BY-NC-SA 4.0
Profile Image of the Author
Sukksa
记录前端学习与日常
公告
博客刚刚上线,内容还在慢慢补齐。欢迎随便逛逛~
分类
标签
最新动态
站点统计
文章
69
分类
16
标签
17
总字数
178,517
运行时长
0 天
最后活动
0 天前
站点信息
构建平台
Cloudflare Pages
博客版本
Firefly v6.16.8
文章许可
CC BY-NC-SA 4.0
文章目录