二正则表达式之常用表达式详细解析

背景简介:

今天比较清闲,就看看电子书,又是看到有关正则表达式的资料。之前有整理过一篇正则表达式的语法,(一) 正则表达式快速入手指南之字符集合表达式(包含个人总结),以及实战了CodeMirror自动提示功能的扩展。所以,对正则表达式的很多细节还是很迷糊的。既然看到了,那就整理整理吧。

简述:

正则表达式的语法不直观,而且书写规则出奇的复杂,因为它们把某些位置上的字符串解析为运算符,而把仅在位置上稍微不同的相同字符串当作字面量。比不易书写更糟糕的是,正则表达不直观,不易被直接理解,从而修改起来难度也比较高。一般,要正确的阅读正则式,需要对正则表达式的整个复杂性有相当彻底的了解。

但是,从相反的角度,正则表达式非常凝练,是处理字符串匹配的利器,因为可以避免使用逻辑代码处理字符串,从而具有很强的健壮性和扩展性。所以,掌握正则表达式成为程序员一项必备的技能。要熟练掌握这项技能,需要在实战中不断摸爬滚打,才能熟练使用这种高凝练的语言。

就像是查看复杂的代码块,我们需要一步步解析代码的含义。刚开始学习正则式,往往很难做到一眼看穿那么一大串看似杂乱的字符的含义。所以,欲穷千里目,只能放缓脚步,一步步查看,在平时积累一些常用的正则表达式。

案例1、URL匹配

首先,先说明URL的组成。URL是URI的一个子集,是UniformResource Locator的缩写,译为“统一资源定位符”。采用URL可以用一种统一的格式来描述各种信息资源,包括文件、服务器的地址和目录等。URL的格式主要由三部分组成:

1.第一部分是协议

2.第二部分是存有该资源的主机IP地址或者域名(有时候也会包括端口号)

3.第三部分是主机资源的具体地址,如目录和文件名等

4.第四部分是使用GET提交form,请求参数拼接在URL后面

其中,第一部分和第二部分用”://”符号隔开,第二部分和第三部分用“/”符号隔开,第三部分和第四部分用问号?分割,参数用&符号拼接键值对。第一部分和第二部分是不可缺少的,第三、四部分有时候可以忽略。比如:

http://www.baidu.com —— 没有指定端口号和第三部分

http://www.jb51.cc/article/p-txpgypef-qc.html—— 指定第三部分

http://www.baidu.com/s?wd=httpparser&rsv_spt=1&issp=1&rsv_bp=0&ie=utf-8&tn=baiduhome_pg&rsv_sug3=9&rsv_sug4=392&rsv_sug1=8&rsv_sug2=0&inputT=5171指定第四部分

如何写这个URL的正则表达式呢,就根据这四部分进行编写。每个部分都对应到一个正则表达式分组上。

1. 匹配协议,协议主要有http/https/file等,简单点归纳为由英文字母拼接而成(不一定正确)。那么如下表示

^(?:([A-Za-z]+)){1}

详解:其中^指明字符串匹配的起始点,A-Za-z表示所有大小写英文字符,在中括号内,[A-Za-z]表示任意一个英文字符;后面的+号是量词,[A-Za-z]+表示至少有一个英文字符。然后是小括号,表示分组。分组这个概念之前没有详述,可以参考《正则表达式的分组》(http://www.cnblogs.com/symbol441/articles/957950.html),主要是为了解决重复性字符串定义。接下来对这个分组限定,使用(?:pattern)表示不捕获匹配的子表达式——具体是什么意思,也不是很清楚,待以后考究。然后{1}指定这个组有且仅有一次匹配。

2. 第一和第二部分的衔接

(:\/{2})/转义,表示\要被匹配2次即://

3. 第二部分,主机名正则式

([0-9.\-A-Za-z]+),中括号内表示字符范围,+表示匹配1次以上,这个分组即表示主机名由一个或多个数字、字母或.或-组成(PS:这个匹配式比较粗犷,不一定准确)。

4. 端口号

(?::(\d+))? 这个比较简单,不做解释

5. 第三部分,具体的目录或者文件路径,可以为空

(?:\/([^?#]*))?

该分组以一个/开始,分组([^?#]*)中^指除?#之外的所有字符(PS:这里也不一定准确),*表示匹配0次或多次(.*可以表示匹配除换行符以为的所有字符)。

6. 第四部分,匹配查询语句——这是我自己写的,不一定准确

\?(([0-9.\-A-Za-z]+)=(\S*)&{0,1})?

匹配从?开始,然后格式是key1=value1&key2=value2这样的形式,做了一下在线测试,当前满足要求


把上面所有的连接在一起,得到结果为

^(?:([A-Za-z]+)){1}(:\/{2})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(\?(([0-9.\-A-Za-z]+)=(\S*)&{0,1})+)?$

匹配结果如下

案例2

待续...

小结:

写写博客,做一下总结

参考资料:

正则表达式语法:http://msdn.microsoft.com/zh-cn/library/ae5bf541(VS.80).aspx

正则表达式分组、断言详解:http://www.cnblogs.com/iyangyuan/archive/2013/05/30/3107390.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


jquery.validate使用攻略(表单校验) 目录 jquery.validate使用攻略1 第一章 jquery.validate使用攻略1 第二章 jQuery.validate.js API7 Custom selectors7 Utilities8 Validato
/\s+/g和/\s/g的区别 正则表达式/\s+/g和/\s/g,目的均是找出目标字符串中的所有空白字符,但两者到底有什么区别呢? 我们先来看下面一个例子: let name = 'ye wen jun';let ans = name.replace(/\s/g, '&#3
自整理几个jquery.Validate验证正则: 1. 只能输入数字和字母 /^[0-9a-zA-Z]*$/g jQuery.validator.addMethod("letters", function (value, element) { return this.optio
this.optional(element)的用法 this.optional(element)是jquery.validator.js表单验证框架中的一个函数,用于表单控件的值不为空时才触发验证。 简单来说,就是当表单控件值为空的时候不会进行表单校验,此函数会返回true,表示校验通过,当表单控件
jQuery.validate 表单动态验证 实际上jQuery.validate提供了动态校验的方法。而动态拼JSON串的方式是不支持动态校验的。牺牲jQuery.validate的性能优化可以实现(jQuery.validate的性能优化见图1.2 jQuery.validate源码 )。 也可
自定义验证之这能输入数字(包括小数 负数 ) <script type="text/javascript"> function onlyNumber(obj){ //得到第一个字符是否为负号 var t = obj.value.charAt(0); //先把非数字的都
// 引入了外部的验证规则 import { validateAccountNumber } from "@/utils/validate"; validator.js /*是否合法IP地址*/ export function validateIP(rule, value,cal
VUE开发--表单验证(六十三) 一、常用验证方式 vue 中表单字段验证的写法和方式有多种,常用的验证方式有3种: data 中验证 表单内容: <!-- 表单 --> <el-form ref="rulesForm" :rules="formRul
正则表达式 座机的: 例子: 座机有效写法: 0316-8418331 (010)-67433539 (010)67433539 010-67433539 (0316)-8418331 (0316)8418331 正则表达式写法 0\d{2,3}-\d{7,8}|\(?0\d{2,3}[)-]?\d
var reg = /^0\.[1-9]{0,2}$/;var linka = 0.1;console.log (reg.test (linka)); 0到1两位小数正则 ^(0\.(0[1-9]|[1-9]{1,2}|[1-9]0)$)|^1$ 不含0、0.0、0.00 // 验证是否是[1-10
input最大长度限制问题 <input type="text" maxlength="5" /> //可以 <input type="number" maxlength="5" /> //没有效
js输入验证是否为空、是否为null、是否都是空格 目录 1.截头去尾 trim 2.截头去尾 会去掉开始和结束的空格,类似于trim 3.会去掉所有的空格,包括开始,结束,中间 1.截头去尾 trim str=str.trim(); // 强烈推荐 最常用、最实用 or $.trim(str);
正则表达式语法大全 字符串.match(正则):返回符合的字符串,若不满足返回null 字符串.search(正则):返回搜索到的位置,若非一个字符,则返回第一个字母的下标,若不匹配则返回-1 字符串.replace(正则,新的字符串):找到符合正则的内容并替换 正则.test(字符串):在字符串中
正整数正则表达式正数的正则表达式(包括0,小数保留两位): ^((0{1}.\d{1,2})|([1-9]\d.{1}\d{1,2})|([1-9]+\d)|0)$正数的正则表达式(不包括0,小数保留两位): ^((0{1}.\d{1,2})|([1-9]\d.{1}\d{1,2})|([1-9]+
JS 正则验证 test() /*用途:检查输入手机号码是否正确输入:s:字符串返回:如果通过验证返回true,否则返回false /function checkMobile(s){var regu =/[1][3][0-9]{9}$/;var re = new RegExp(regu);if (r
请输入保留两位小数的销售价的正则: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/ 1.只能输入英文 <input type="text" onkeyup="value
判断价格的正则表达式 价格的正则表达式 /(^[1-9]\d*(\.\d{1,2})?$)|(^0(\.\d{1,2})?$)/; 1 解析:价格符合两种格式 ^ [1-9]\d*(.\d{1,2})?$ : 1-9 开头,后跟是 0-9,可以跟小数点,但小数点后要带上 1-2 位小数,类似 2,2
文章浏览阅读106次。这篇文章主要介绍了最实用的正则表达式整理,比如校验邮箱的正则,号码相关,数字相关等等,本文给大家列举的比较多,需要的朋友可以参考下。_/^(?:[1-9]d*)$/ 手机号
文章浏览阅读1.2k次。4、匹配中的==、an==、== an9、i9 == "9i"和99p==请注意下面这部分的作用,它在匹配中间内容的时候排除了说明:当html字符串如下时,可以匹配到两处,表示匹配的字符串不包含and且不包含空白字符。说明:在上面的正则表达式中,_gvim正则表达式匹配不包含某个字符串
文章浏览阅读897次。【代码】正则表达式匹配a标签的href。_auto.js 正则匹配herf