前端——语言——Core JS——《The good part》读书笔记——第七章节(正则)
本章介绍正则表达式的内容。正则表达式是一门独立的语言,它拥有自己的语法规则,在学习本章之前需要了解基本的语法规则。
正则表达式是通用的,意味着同样的语法规则可以适用于不同的编程语言,相同的正则表达式在Java,JS编程语言中功能是相同的。
正则表达式是复杂的,复杂性并不来源于它的语法,而是来源于看待字符串的方式。它将字符串分为若干部分,每个部分都匹配对应的规则。若可以将整个正则表达式拆分为若干部分,并逐个的进行分析,那么正则理解起来会非常简单。所以个人建议在初期时将每个部分用括号包裹起来,之后再将括号去掉。
正则表达式的功能是强大的,而且暂时是无可替代的。
正则表达式正是由于它的通用性,所以在实际应用中是最简单的,因为可以从网络上拷贝现成的正则语法。为了保证程序的健壮性,至少需要读懂正则,有时需要在拷贝的基础上修改,这是学习正则的最低要求。
正则表达式的内容一般由三部分组成
- 与正则表达式相关的对象,在Java中为Pattern和Matcher,在JS中为RegExp,使用这些对象并不复杂,关键点还在于正则的语法。
- 字符串中支持正则的方法,以及如何使用它们。
- 正则的语法规则。在本书中只是简述,想更深入了解参考《Introducing Regular Expressions》,《Regular Expressions Cookbook, 2nd Edition》等书。
原书有四个小节,它的结构如下:
- 第一小节介绍正则表达式的来源,它的历史,它的优点和缺点。
- 第二小节介绍演示了URL和数字的正则表达式,并详细介绍示例中用到的语法
- 第三小节介绍创建正则表达式的两种方式,并且介绍RegExp对象的属性和方法
- 第四小节介绍正则表达式的语法。
1、简述正则
这一小节介绍正则,主要包含正则表达式的历史,JS正则表达式的由来,正则表达式的优点和缺点。
- JS的正则表达式是来源于Perl语言。
- 正则表达式起源于mathematical study of formal language。这部分内容省略,具体可以参考正则的百度百科或者是维基百科
- 正则表达式的缺点有
- 语法非常复杂,编写正则表达式很困难
- 出错之后发现错误很困难。
- 维护很困难,如果需求发生变化,例如数字的正则要匹配为三个一组或四个一组的形式,在正则上修改会比较困难。
- 很难写出精确的正则表达式,例如示例中正则,第一部分协议可以写成错误协议也可以通过正则,例如abc://www.baidu.com也可以通过。
4.正则表达式的优点有:
- 功能很强大
- 应用也较为广泛,没有替代品,通常没有选择的余地。
2、简述正则
本小节演示了URL和数字的示例。并详细介绍其中用到的语法。
2.1 URL
/**
* 原书中的正则表达式,当看到这个时,我的感觉是完全在看火星文
* 继续读原书,继续看下去之后,这段火星文我感觉大部分理解了,有些地方甚至可以改进
*/
var urlReg =
/^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/;
// 测试的url地址
var url = "http://www.ora.com:80/goodparts?q#fragment";
/**
* 正则表达式的exec方法,
* 当正则有g标志时,数组的元素会返回匹配的子串。
* 当正则无g标志时,数组的第一个元素会返回第一个匹配的子串,剩余匹配的元素被忽略
* 若此时正则存在分组,则第二个元素为第一组,
*/
var result = urlReg.exec(url);
// 各个部分的内容
var names = ["url","schema","slash","host","port","path","query","hash"];
// 输出固定的格式
var blanks = ' ';
var i;
// 循环遍历
for(i=0;i<names.length;i++)
{
console.log(names[i] + ": "+ blanks.substring(names[i].length) + result[i]);
}
// 公共部分,它表示整个字符匹配,例如 abc 匹配字符串 abc不匹配 "abc bcd abc"中的abc
var commonPart1 = /^$/;
// ?:这个符号的意思是忽略在当前分组中忽略匹配的第一个字符,
// 少了这个符号,path部分会包含/,query部分会包含?,hash部分会包含#号
var commonPart2 = /(?:)/;
// 第一部分,?:表示忽略该分组,(([A-Za-z])+:)? ([A-Za-z])+任意的字母出现1次或多次,这里匹配协议http,:匹配:,
// (([A-Za-z])+:)? 协议出现0次或1次。这里可以改进,将一些常见的协议(http|https|ftp)
var part1 = /(?:([A-Za-z]+):)?/;
// 第二部分,匹配/出现0-3次,这里可以改进,直接写成两次2-3次, // 或 ///
var part2 =/(\/{0,3})/;
// 第三部分,匹配ip地址,域名,任意的字母,数字,-,dot号出现1次到多次,匹配www.ora.com
var part3 = /([0-9.\-A-Za-z]+)/;
// 第四部分,匹配端口号, 冒号+数字(至少1次),匹配:80
var part4 = /(?::(\d+))?/;
// 第五部分,匹配path部分的内容,[^?#]*,除?和#的其他字符出现0次或多次,匹配goodparts
var part5 = /(?:\/([^?#]*))?/;
// 第六部分,?号是特殊字符需要转义,[^#]*,除#的其他字符出现0次或多次,匹配q
var part6 = /(?:\?([^#]*))?/;
// 第七部分,(.*),任意的字符出现0到多次
var part7 = /(?:#(.*))?/;
2.2 数字
/**
* 数字的正则表达式
* 数字的组成部分包含: integer [.] [float] [e|E (+ | -)number]
* 整数部分,小数部分,科学计数法部分,小数部分和科学计数法部分都是可选的
*/
var numReg = /^-?\d+(?:\.\d*)?(?:e[+\-]?\d+)?$/i;
// 测试
console.log(numReg.test("1"));
console.log(numReg.test("98.6"));
// 正则有i标志,所以E也匹配
console.log(numReg.test("123.45E-67"));
// 违背了\d的规则
console.log(numReg.test("str"));
// 违背了\. ?的规则
console.log(numReg.test("132.21.86.100"));
// 违背了e的规则,
console.log(numReg.test("123.45D-67"));
// 整数部分,-最多出现1次,数字至少出现1次,这里可以改进,+1是不满足的
var part1 = /-?\d+/;
// 小数部分,小数点后面跟0到多个数字,这里可以改进,如果数字为0时会匹配.号,所以1.也匹配正则
var part2 = /(?:\.\d*)?/;
console.log(part2.test("1."));
// 科学计数法部分,字母e,+或者-出现0到1次,数字至少出现1次,
// 这里可以改进,科学计数法后面的数字只能是整数,其实可以为数字(没有理解,part3的测试也返回true)
var part3 = /(?:e[+\-]?\d+)?/;
console.log(part3.test("e3.14"));
3、正则对象
本小节介绍正则对象,包含三个部分,创建正则,查看正则的属性,使用正则的方法。
3.1 创建正则
创建正则表达式的方式有两种
- 字面量,/reg/flag的形式,reg表示符合语法规则的正则,flag表示正则的标志。
- 构造器,new RegExp(reg,flag),参数的含义与上述相同。
3.2 属性
正则的属性有五个
- source:正则的字符串形式
- global:正则是否有g标志,有该标志会全局匹配,默认情况下只匹配第一个
- ignoreCase:正则是否有i标志,有该标志会忽略大小写
- multiline:正则是否有m标志,有该标志表示字符串占多行
- lastIndex:正则表达式匹配的起始位置,初始值为0,第一次匹配之后,为匹配子串末尾的索引值加1。
3.3 方法
3.3.1 exec
表格2- 36 exec方法
名称 |
exec |
描述 |
在字符串中查找满足正则的子串,调用方式为reg.exec(str),与str的match方法含义和功能基本相同,区别在于执行exec时,会设置RegExp对象的lastIndex属性,该值为子串最后一个字符的索引值 |
参数 |
参数:str l 说明:字符串, l 类型:string。 l 是否必填:是 |
链接 |
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec |
3.3.2 test
表格2- 37 test方法
名称 |
test |
描述 |
在字符串中查找满足正则的子串,若存在子串,返回true,不存在返回false,它与exec方法都会设置lastIndex的值 |
参数 |
参数:str l 说明:字符串, l 类型:string。 l 是否必填:是 |
链接 |
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test |
4、正则语法
本小节的内容略。之后专门阅读正则相关的书籍。例如《Introducing Regular Expressions》,《Regular Expressions Cookbook, 2nd Edition》
最新文章
- Java笔记——Java8特性之Lambda、方法引用和Streams
- LINUX 根目录说明
- iOS 启动画面 代码自定义
- JVM垃圾收集器基本思想
- Hibernate之Criteria的完整用法
- hadoop疑难杂症解析
- socket异步编程--libevent的使用
- linux安装 Android Studio详细教程,支持性较差,需要安装最新底层库内核的linux
- C# 合成图片
- iOS 常用代码块
- opentsdb
- 前端css要加的一些
- 业余草双因素认证(2FA)教程
- HDU 3001(状态压缩dp)
- spring 完成multipart数据上传
- URL、网址、域名
- 做自己的CEO
- dpdk-18.11网卡多队列RSS设置
- sort注意事项
- 使用idea搭建maven-web项目