使用正则表达式 RegExp

写个匹配邮箱的 RegExp ?

相信有很多人都遇到过这样的需求:在页面表单做一个对输入邮箱字符串的合法性校验。一般情况下,不会正则表达式的小伙伴都是嘴角轻轻上扬,云淡风轻地在搜索引擎返回的结果列表中寻找自己想要的答案。对于一般的情况来说,网上的答案便足以应付PM的要求。但是,当你遇上奇葩的PM和奇葩的需求时...
当然,匹配邮箱只是正则表达式的一个常见应用,它还可以延伸到匹配网址,匹配手机号,匹配特殊字符串等等。正则表达式就如同一个多面过滤器,对被验证的对象拥有者高度自定义和严格的校验标准。不说精通,至少能看懂并敲出简单实用的正则表达式是任何一个码农要掌握的基本技能。立地看前端,本文就正则表达式在 JS 中的基础功能,对如何编写正则表达式做一个记录。


注意:
经过我几次测试,在 JS 中,直接写出 RegExp 字面量形式的执行速度要比调用 RegExp 对象构建快一些(个人实践结果),因此文章统一是用字面量形式表示正则表达式。

在 JS 中表示正则表达式

我们都知道,在 JS 中正则表达式用字面量形式表示的语法为:

var reg1 = /pattern/attributes;

pattern 是一个字符串,表示匹配的模式;
attributes 是 "g","i","m" 三个字符中的一个或多个,称为修饰符或者匹配属性。
JS 是用斜杠符号/把匹配模式包起来的,而里面的 pattern 模式就是要花力气研究的东西。

中括号表达式 [ exp ]

中括号表达式 [ exp ](英文 exp 是 expression 表达式的缩写)表示了匹配一个范围内的文本或字符串。譬如 [abc] 就是要匹配 "a"或者"b"或者"c"。它还支持这样的写法:

  • [ abc ] : 查找方括号内的任何字符
  • [ ^abc ] : 查找不在方括号内的任何字符,也就是既不是"a"也不是"b"也不是"c"的字符
  • [ 0-9 ] : 查找任何从 0 至 9 的数字
  • [ a-z ] : 查找任何从小写 a 到小写 z 的字符
  • [ A-Z ] : 查找任何从大写 A 到大写 Z 的字符
  • [ A-z ] : 查找任何从大写 A 到小写 z 的字符
  • [ adgk ] : 查找给定集合内的任何字符
  • [ ^adgk ] : 查找给定集合外的任何字符

举例:我要检测任意字符串中的大写字母,要怎么写呢?

var reg = /[A-Z]/; // 就这么简单
var str = "abcX1289"
console.log(reg.exec(str)); // "X"

限定符

限定符用来指定正则表达式的一个给定组件必须要出现多少次才能满足匹配。有 * 或 + 或 ? 或 {n} 或 {n,} 或 {n,m} 共6种。

  • * : 匹配前面的子表达式零次或多次。例如,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?'。请注意在逗号和两个数之间不能有空格。

特别字符

  • $ : 匹配输入字符串的结尾位置。如果设置了 RegExp 对象的 Multiline 属性,则 $ 也匹配 '\n' 或 '\r'
  • ( ) : 标记一个子表达式的开始和结束位置。子表达式可以获取供以后使用
  • . : 匹配除换行符 \n之外的任何单字符
  • \ : 将下一个字符标记为或特殊字符、或原义字符、或向后引用、或八进制转义符
  • ^ : 匹配输入字符串的开始位置,除非在方括号表达式中使用,此时它表示不接受该字符集合
  • | : 指明两项之间的一个选择
  • \w : 查找单词字符
  • \W : 查找非单词字符
  • \d : 查找数字
  • \D : 查找非数字字符
  • \s : 查找空白字符
  • \S : 查找非空白字符
  • \b : 匹配单词边界
  • \B : 匹配非单词边界
  • \n : 查找换行符
  • \r : 查找回车符

总结

今天在这里是稍微总结了下正则表达式的基本知识,简单的正则是能写了,能看了。但是要深入了解正则表达式并且高效运用,还早着呢!?所以下一篇有关正则的文章题目应该就是“深入探索正则表达式的运用”。
不过,这个我感觉急不来,得有时间学,有时间写才行。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,864评论 6 494
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,175评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,401评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,170评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,276评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,364评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,401评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,179评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,604评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,902评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,070评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,751评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,380评论 3 319
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,077评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,312评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,924评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,957评论 2 351

推荐阅读更多精彩内容