JavaScript正则表达式

一、JS正则表达式简介

      1、正则表达式： Regular Expression 使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。

      2、正则表达式在线工具： regexper.com

           本地安装

      3、例子用符： \b is \b     ----------- 单词 is ，\b是 word boundary,单词边界

                          . --------- 任意字符;      \. -------- .  ;     \ / --------- / ; ( **** ) ---------- 分组;

                          \d --------- 数字 ;    \d{4} ----------- 4个数字 ;  [/-] -------- []是或者， / 或者-;

                          ^-----------开头 ;  $ ---------- 结尾;

                         $1 ---------    ;       $2-----------  ;     $3------------ 

二、认识正则表达式

     1、RegExp对象

         JS通过内置对象RegExp支持正则表达式；

         两种方法实例化RegExp对象： 字面量 和  构造函数

                字面量： var reg = / \bis\b/g;

                构造函数：var reg = new RegExp('\\bis\\b','g');

         例子用符： / *** /g ----------- g是全局搜索，不加就匹配第一个

                                   i ----------- ignore case ,忽略大小写,默认大小写敏感

                                   m --------- multiple lines 多行搜索

      2、元字符

          正则表达式由两种基本字符类型字符：

                   原以文本字符

                   元字符 ---------------- 在正则表示式中有特殊含义的非文本字符

                            . * + ? $ ^ | \  () {} []

                    \t------ 水平制表符      \n --------- 换行   \r ---------- 回车

      3、字符类

           一般情况下正则表达式一个字符对应字符串一个字符。

          我们可以使用元字符 [] 来构建一个简单的类；所谓类是指符合某些特性的对象，一个泛指，而不是特指某个字符；如 表达式 [abc] 把字符 a 或 b 或 c归为一类，表达式可以匹配这类的字符。

           字符类取反 ： 使用元字符^创建 反响类/负向类。 [^abc]

      4、范围类

           正则表达式还提供了范围类；所以我们可以使用 [a-z]来连接两个字符表示 从a到z的任意字符，这是闭区间，包含a和z本身。

            在 [] 组成的类内部是可以连写的 [a-zA-Z0-9];

             - 的匹配正常用：[0-9-] -------- 匹配0~9或-;

       5、JS预定义类及边界

           预定义类：  . ----------------- 除回车和换行之外的所有字符

                            \d  ------- [0-9] ----------- 数字字符

                           \D ---------- [^0-9] ----------- 非数字字符

                           \s --------- [\t\n\r\f] ----------- 空白符

                          \S ----------- [^\t\n\r\f] ---------- 非空白符

                          \w ----------[a-zA-Z_0-9] ---------- 单词字符（数字、字母或下划线）

                           \W -------- [^a-zA-Z_0-9] ---------- 非单词字符

           边界匹配字符：

                   ^ ------------- 以 xxx 开始

                   $ ------------ 以 xxx 结束

                   \b ----------- 单词边界

                   \B -----------  非单词边界，如 'This is a boy'.replace(/\Bis\b/g,0);

       6、量词

                  ？ -------- 出现0次或一次（ 最多1次）

                  + --------  出现1次或多次 （最少1次）

                  * --------- 出现任意次

                  {n} --------  出现n次

                  {n,m} --------- 出现 n到m次

                   {n,} -------- 至少出现n次

                   {0,n} --------  最多n次

 

       7、贪婪模式与非贪婪模式

            贪婪模式：  \d{n,m} --------------- 尽可能多的匹配，m次

            非贪婪模式:  \d{n,m} ------------- 能匹配到n次就可以了，在量词后面加？

                             如： ‘123456789’.match(/\d{3,5}?/g)

       8、分组

                 Bayron{3} = Bayro + 'n{3}'  -------------- 是匹配的最后一个字母，不是单词，匹配单词需要分组

                 使用（）进行分组 ： （Bayron）{3}   

                  或 ：使用 | 达到或的效果 ---------         abc(d|e)123 : 匹配 abcd123 或abce123

                  反响引用：$1$2$3 ---------- 捕获分组，对单个无效

                                如 2015-12-26  改为 12/26/2015 ： ‘2015-12-26’.replace(/(\d{4})-(\d{2})-(\d{2})/g,'$2/$3/$1');  

                  忽略分组： 不希望捕获某些分组，只需要在分组内加上？：就可以了：

                                   （？：Bayron）.(ok)

          9、前瞻

              正则表达式从文本头部向尾部开始解析，文本尾部方向，称为“前”。

              前瞻就是在正则表达式匹配到规则的时候，向前检查是否符合断言[即是否符合附加条件]；

                             后顾/后瞻方向相反，Javascript不支持后顾

             符合和不符合特定断言称为 肯定/正向 匹配 和 否定/负向 匹配

             正向前瞻 -------- exp(?=assert)

             负向前瞻 -------- exp(?!assert)

             例子： ‘a2*3’.replace(/\w(?=\d)/g,'X'); ----- 'X2*3'  意思是匹配的字符后面要是数字就替换

          10、JS对象属性

               global: 全文搜索，默认false

               ignore case: 是否忽略大小写敏感,默认false

               multiline: 多行搜索，默认false

               lastIndex: 是当前表达式匹配内容的最后一个字符的下一个位置

               source:正则表达式的文本字符串

           11、test和exec方法

                 RegExp.prototype.test(str): 用于测试字符串参数中是否存在匹配正则表达式模式的字符串,返回 true 或 false。

                注： test(）的结果受lastIndex的影响，为false的重置。

                RegExp.prototype.exec(str):使用正则表达式模式对字符串执行搜索，并将更新全局RegExp对象的属性以反映匹配结果。返回 null 或 数组。数组属性：

               ------- index 声明匹配文本的第一个字符的位置

               ------  input 存放被检索的字符串 string

 

          12、字符串对象方法

               String.prototype.search（reg）

              search():用于检测字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。

               方法返回第一个匹配结果index,查找不到返回-1。

               search()方法不执行全局匹配，它将忽略标志 g ，并且总是从字符串的开始进行搜索。

        

              String.prototype.match(reg)

              match()方法将检索字符串，以找到一个或多个与regexp匹配的文本；返回 null 或 数组。

              regexp是否具有标志 g 对结果影响很大，没有就执行一次。

             数组属性还是  index 和 input[存放正则表达式]

 

             String.prototype.split(reg)

             常用split()把字符串分割成字符数组,如： ‘a1f2g4g6’.split(/\d/g) ---- ['a','f','g','g']  以数字分割。

             String.prototype.replace(str，replaceStr)  ----------  第一个str可是 /正则表达式/g

             String.prototype.replace(str,function)   ,function参数的含义：

                  function会在每次匹配替换的时候调用，有四个参数：

                    1、匹配字符串

                    2、正则表达式分组内容，没有分组则没有该参数

                    3、匹配项在字符串中的index

                    4、原字符串

           例子： 字符串中数字+1

               ‘a1g2f3h4’.replace(/\d/g,function(match,index,origin){

                     return parseInt(match)+1;

              });