对于一个前端开发者来说，正则表达式让人又爱又恨，爱是因为人人都会，恨又是一些问题而又不能很好解决。我将在下文里，分享自己学习正则表达式笔记，尽量将正则表达式的全部概念分享给大家，了解全部正则概念读此一篇足以应付所有问题，让大家有个系统的了解，共同学习。由于自己理解可能有偏差，如果有不妥之处，还望指出，一定拜谢。 ### 能了解哪些内容 1. **正则介绍**：字符串是运用广泛的数据类型，正则是处理字符串的得力助手 2. **搜索匹配**：搜索内容时，忘记了具体拼写，可以使用通配符，如`javasc**pt` 4. **灵活运用**：开发过程中遇到匹配的问题，如何运用高效简介的正则表达式 5. **高级用法**：一些不常见但是非常简化开发的特殊用法，例如String.protorype.replace ### 详细介绍 1. 正则表达式( Regular Expression )是种文本模式，在JS中是Object的一种( RegExp ) 2. 正则语法几乎运用在所有计算机语言中 3. 正则不仅是用来校验的，**更是用来截取字符串的**，例如 `/stud(y|ies)/` `/stud(?:y|ies)/` 用来做校验没有任何区别，但是用来截取字符串，就有些区别了，学会正则能让你更善于操作字符串 #### 普通字符 1. 包括常见字符 `a - Z` `A - Z` `0 - 9` `标点符号` `()[]{}<>《》等常见符号` 2. 一些诸如 ()[]<> 特别是有带有功能的 + . ? 必须使用反斜杠，或者用中括号包裹，如匹配问号 `\?` 或 `[?]` ep1. 从下列字符串中找到 JavaScript ```javascript var str = "I like JavaScript very much."; var reg = /JavaScript/; str.match(reg); // ["javascript", index: 7] (PS: 它真的是数组) ``` ep2. 是否能忽略 javascript 的大小写 ```javascript var str = "I like JavaScript very much."; var reg = /javascript/; str.match(reg); // null var reg2 = /javascript/i; str.match(reg2) // ["javascript", index: 7] ``` **i 表示忽略字符串中的字母大小写** ep3. 找到《设计模式》 ```javascript var str = "我有一本 JavaScript 的《设计模式》。"; var reg = /《设计模式》/; str.match(reg) // ["《设计模式》", index: 17] ``` ##### 任意符 `.` 点号表示任意符，可匹配所有的字符，如果仅想表示`.`，则需写成`\.`或`[.]` #### 特殊字符( 元字符 ) 1. 如果你想找出一句话中所有数字，如果使用普通字符，可能写起来非常困难了。因此，有了元字符 2. 元字符是一些特殊的符号，可以指代一个或者一类某种集合的符号 3. 这里只介绍些叫常见的元字符，**文末的附录中，有比较全的元字符表( 来自于[菜鸟教程](http://www.runoob.com/regexp/regexp-metachar.html) )** 比较常见的元字符有如下： | 符号| 描述 | | :-- | :-- | | \d | <==> [0-9] 匹配所有的数字中的一个 | | \D | <==> [^0-9] 匹配不是数字中的字符集合的任意一个 | | \b | 匹配一个单词边界，单词和空格间的位置，如 /er\b/ 可匹配"never"中的"er"，但不匹配 "verb"中的"er" | | \B | 匹配非单词边界，示例与 \b 匹配相反 | | \w | <==> [a-zA-Z0-9_] 匹配大小写字母、数字、下划线中的一个 | | \W | <==> [^a-zA-Z0-9_] 匹配不是大小写字母、数字、下划线的字符集中的任意一个 | | \s | <==> [ \f\n\r\t\v] 匹配空白字符( 包括如中括号中列举依次为空格、换页符、换行符、回车符、制表符、垂直制表符 )中的一个 | | \S | <==> [^ \f\n\r\t\v] 匹配非空白字符中的一个 | ep1. 从下列字符中找到数字 ```javascript var str = "I have 11 books related to javascript."; var reg = /[\d]/; str.match(reg); // ["1", index: 7] ``` 1. \d 表示所有数字 2. 这里只找到了第一个“1” ```javascript var str = "I have 11 books related to javascript."; var reg = /[\d]/g; str.match(reg); // ["1", "2"] ``` **g 表示匹配字符串中出现过的所有内容** ##### 限定符限定符有 6 种，`?` `+` `*` `{m}` `{m,}` `{m,n}` | 字符 | 含义 | 其他写法 | | :-: | :-: | :-: | | ? | 匹配前面子表达式出现 0 次或 1 次 | {0,1} | | + | 匹配前面子表达式出现至少 1 次 | {1,} | | * | 匹配前面子表达式出现自然数次 | {0, } | | {m} | 匹配前面子表达式出现 m 次 | - | | {m,} | 匹配前面子表达式出现至少 m 次 | - | | {m,n} | 匹配前面子表达式出现 m 至 n 次 | - | ep1. 匹配下列含有两个重复字母 o 的单词 ```javascript var str = "I have 11 good books."; var reg = /[a-zA-Z]*o{2}[a-zA-Z]*/i; str.match(reg); // ["good", index: 10] var reg = /[a-zA-Z]*o{2}[a-zA-Z]*/ig; str.match(reg2); // ["good", "books"] // 匹配出所有的 ``` 1. **[a-z] 表示小写字母 a 至 z 中的一个** 2. **[A-F] 表示大写字母 A 至 F 中的一个** 3. **[0-8] 表示数字 0 至 8 中的一个** 4. **[_7c] 表示字符 _ 7 c 中的一个** 5. **我们用中括号[]来匹配其中所有字符其中的一个** ##### 定位符号 1. ^ 写在开始表示从 ^ 后面符号开始 2. $ 写在结束表示从 $ 前面符号结束 **注意 ^ 的用法不要与负值符号 ^ 混淆，负值符号 ^ 用在中括号内，比如非数字集合 [^\d]** ##### 选择符 ()选择符运用非常普遍，它可以精确再捕获()内部的内容，下文讲 `match` `exec` `replace`方法讲到具体用法，正因为能再捕获精确内容，我们很多时候是不需要这部分内容的 (?:) 在括号内的头部加上?: ，可以消除精确捕获，举个例子 1. `/stu(dent)/` 可以捕获 student 和 dent 两个字符串 2. `/stu(?:dent)/` 只能捕获 student 一个字符串正向预查 (?!) (?=) 和反向预查 (?<=) (?