正则表达式-基础实战篇

  • A+
所属分类:JavaScript

在理论基础篇之后呢,应该就对正则表达式有了一些了解.比如说如何去创建一个正则表达式以及其中的匹配规则等等.那么就开始正则表达式的实战吧!

建议把所有的实例在console窗口敲一遍.例子中展现的只是一部分,配合《正则表达式-理论基础篇》SF地址、原址使用效果更佳哦!

一个手机号码匹配的进化历程

实例代码依托于:RegExpObj.test(String),其含义是测试正则表达式与指定字符串是否匹配。成功匹配返回true

第一阶段-字符直接量:匹配自身

先假设一个手机号码为13540025225.

  • 最初形态

第二阶段-锚点:指定匹配位置

  • ^匹配起始位置

  • $匹配结尾位置

  • \b:匹配单词边界

在了解锚点之后我们的正则就有了第一次进化

第三阶段-字符类:匹配一类字符中的一个

  • [abc]:a或b或c。[0-9]:一个数字
  • [^0-9]:非数字的一个字符。[a-z]:一个字母
  • . :任一字符(换行符除外)

了解了字符类后,我们就可以进行第二次进化(50%)。此时就能匹配一个手机号码啦!

元字符-具有特殊意义的字符

其实我们已经在前面使用过它啦

  • ^、$、\b。
  • \d:[0-9]。\D:[^\d]
  • \s:空白符。\S:[^\s]
  • \w:[A-Za-z0-9_]。\W:[^\w]

了解了元字符后我们就可以进行第二次进化(100%)了。

第四阶段-量词:出现的次数

  • {n,m}:n到m次。?:{0,1}
  • +:{1,}。*:{0,}

  • 此时我们的匹配手机号码的正则表达式就到了最后阶段了

需要注意的地方-转义符:需要匹配的字符是元字符

/^http:/\/\/../@163\.com$/

多选分支:网易邮箱的匹配

/thi(c|n)k/===thi[cn]k

\.(png|jpg|jpeg|gif)$:检测一个文件是不是图片文件.

捕获

  • 保存匹配到的字符串,日后再用
  • ():捕获/(\w+)@(163|126|188)\.com$/
  • (?:):不捕获/(\w+)@(?:163|126|188)\.com$/
  • 使用:
    • $1,$2,...
    • api参数或返回值

获取匹配的字符串:String.match(regexp)

替换一个子串:str.replace(regexp/substr,replacement)

  • 第二个参数是字符时

  • 第二个参数是函数时

更强大的检索 - regexpObj.exec(str)

  • 更详尽的结果:index
  • 过程的状态:lastIndex

感觉基本用不到..就不说了...喜欢就推荐一下吧^_^

weinxin
我的微信公众号
我的微信公众号扫一扫

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: