前端——语言——Core JS——《The good part》读书笔记——第七章节(正则)

本章介绍正则表达式的内容。正则表达式是一门独立的语言，它拥有自己的语法规则，在学习本章之前需要了解基本的语法规则。

正则表达式是通用的，意味着同样的语法规则可以适用于不同的编程语言，相同的正则表达式在Java，JS编程语言中功能是相同的。

      正则表达式是复杂的，复杂性并不来源于它的语法，而是来源于看待字符串的方式。它将字符串分为若干部分，每个部分都匹配对应的规则。若可以将整个正则表达式拆分为若干部分，并逐个的进行分析，那么正则理解起来会非常简单。所以个人建议在初期时将每个部分用括号包裹起来，之后再将括号去掉。

正则表达式的功能是强大的，而且暂时是无可替代的。

正则表达式正是由于它的通用性，所以在实际应用中是最简单的，因为可以从网络上拷贝现成的正则语法。为了保证程序的健壮性，至少需要读懂正则，有时需要在拷贝的基础上修改，这是学习正则的最低要求。

正则表达式的内容一般由三部分组成

1. 与正则表达式相关的对象，在Java中为Pattern和Matcher，在JS中为RegExp，使用这些对象并不复杂，关键点还在于正则的语法。
2. 字符串中支持正则的方法，以及如何使用它们。
3. 正则的语法规则。在本书中只是简述，想更深入了解参考《Introducing Regular Expressions》，《Regular Expressions Cookbook, 2nd Edition》等书。

原书有四个小节，它的结构如下：

1. 第一小节介绍正则表达式的来源，它的历史，它的优点和缺点。
2. 第二小节介绍演示了URL和数字的正则表达式，并详细介绍示例中用到的语法
3. 第三小节介绍创建正则表达式的两种方式，并且介绍RegExp对象的属性和方法
4. 第四小节介绍正则表达式的语法。

1、简述正则

这一小节介绍正则，主要包含正则表达式的历史，JS正则表达式的由来，正则表达式的优点和缺点。

1. JS的正则表达式是来源于Perl语言。
2. 正则表达式起源于mathematical study of formal language。这部分内容省略，具体可以参考正则的百度百科或者是维基百科
3. 正则表达式的缺点有

• 语法非常复杂，编写正则表达式很困难
• 出错之后发现错误很困难。
• 维护很困难，如果需求发生变化，例如数字的正则要匹配为三个一组或四个一组的形式，在正则上修改会比较困难。
• 很难写出精确的正则表达式，例如示例中正则，第一部分协议可以写成错误协议也可以通过正则，例如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 
 

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 创建正则

创建正则表达式的方式有两种

1. 字面量，/reg/flag的形式，reg表示符合语法规则的正则，flag表示正则的标志。
2. 构造器，new RegExp(reg，flag)，参数的含义与上述相同。

3.2 属性

正则的属性有五个

1. source：正则的字符串形式
2. global：正则是否有g标志，有该标志会全局匹配，默认情况下只匹配第一个
3. ignoreCase：正则是否有i标志，有该标志会忽略大小写
4. multiline：正则是否有m标志，有该标志表示字符串占多行
5. 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》