前端——语言——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》