js正则的个人总结

正则表达式需要掌握的知识点

正则的分类

<1> 或的关系 [ ]

比如:  /[abcd] /会匹配a或b或c或d单个字符,有一个就会匹配一个

<2> 与的关系 ( )

这个也叫分组
比如:  /(abc)/会匹配abc连在一起的字符串和/abc/效果一样

<3> 非的关系 ^

比如:  /^(abc)/会匹配不是abc的结果

js正则中的预定义类

1. /./ <=>/[^\r\n]/    匹配除了回车符和换行符之外的所有字符
2. /\d/<=>/[0-9]/  匹配0-9的数字中的任意一个 //digital 
3. /\D/<=>/[^0-9]/  匹配非数字字符
4. /\w/<=>/[a-zA-Z_0-9]/  匹配单词字符(包括字母\数字\下划线)
5. /\W/<=>/[^a-zA-Z_0-9]/  匹配非单词字符
6. /\s/<=>/[\t\n\x0B\f\r]/  匹配制表符\换行符等空白字符
7. /\S/<=>/[^\t\n\x0B\f\r]/  匹配非空白字符
8./\b/                          匹配单词边界
9./\B/                          匹配非单词边界

js正则中的量词

1. m+   		表示至少有一个m
2. m*  		 	表示0个或者n个m
3. m?  			表示0个或者1个m
4. m{x,y} 		表示至少有x个m,至多有y个m
5. m{x,} 		表示至少有x个m,至多不限
6. m{x} 		表示只有x个m
//正则中默认会采用贪婪模式进行匹配(贪婪模式即会更多的匹配满足条件的值),有时,我们想关闭贪婪模式,可以在数量词后面添加?即可关闭贪婪模式

js正则的常用方法

1.RegExpObject.test(string)

含义:   test() 方法用于检测一个字符串是否匹配某个模式

返回值: true/false

注意:   调用 RegExp 对象 r 的 test() 方法，并为它传递字符串 s，与这个表示式是等价的：(r.exec(s) != null)

实例:
        var str = "Visit W3School";
        var patt1 = new RegExp("W3School");
        
        var result = patt1.test(str); //true

2.RegExpObject.exec(string)

含义:   exec() 方法用于检索字符串中的正则表达式的匹配。

返回值:  返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。

返回数组的内容: ['匹配的字符串','匹配的分组里面的字符串'...,index(第一个匹配的索引),input(这是键,值是输入的字符串本身)]

注意:
    当 RegExpObject 是一个全局正则表达式时，exec() 的行为就稍微复杂一些。
    它会在 RegExpObject 的 lastIndex 属性指定的字符处开始检索字符串 string。
    当 exec() 找到了与表达式相匹配的文本时，在匹配后，它将把 RegExpObject 的 lastIndex 属性设置为匹配文本的最后一个字符的下一个位置。
    这就是说，您可以通过反复调用 exec() 方法来遍历字符串中的所有匹配文本。
    当 exec() 再也找不到匹配的文本时，它将返回 null，并把 lastIndex 属性重置为 0。

实例:
    var str = "Visit W3School, W3School is a place to study web technology."; 
    var patt = new RegExp("W3School","g");
    var result;
    
    while ((result = patt.exec(str)) != null)  {
      console.log(result);
      console.log(patt.lastIndex);
     }
     //结果输出两次
     ["W3School", index: 6, input: "Visit W3School, W3School is a place to study web technology.", groups: undefined]
        0: "W3School"
        groups: undefined
        index: 6
        input: "Visit W3School, W3School is a place to study web technology."
        length: 1
        __proto__: Array(0)
        
      14 //lastIndex的值
        
    ["W3School", index: 16, input: "Visit W3School, W3School is a place to study web technology.", groups: undefined]
        0: "W3School"
        groups: undefined
        index: 16
        input: "Visit W3School, W3School is a place to study web technology."
        length: 1
        __proto__: Array(0)
        
      24 //lastIndex的值

js正则字符串中的使用

//1.  string.match(regexp)方法:
描述:   可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

返回值:	array(存放匹配结果的数组) |string(匹配的第一个值)  
		该数组的内容依赖于 regexp 是否具有全局标志 g。
		有的话,返回数组,反之,返回匹配的第一个值,
		如果没找到匹配结果返回 null 
		
实例:
        var str="The rain in SPAIN stays mainly in the plain"; 
        var n=str.match(/ain/g);
        输出: ain,ain,ain
        var n=str.match(/ain/);
        输出: ain

//2.string.replace(searchvalue,newvalue)方法:

描述:	方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串,字符串 string 的 replace() 方法执行的是查找并替换的操作。它将在 string中查找与 regexp 相匹配的子字符串，然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。

注意:    searchvalue是子字符串或要替换的模式的 RegExp 对象,newvalue可以是字符串，也可以是函数。如果它是字符串，那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示，它说明从模式匹配得到的字符串将用于替换。

字符	替换文本
$1、$2、…、$99	与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$&	与 regexp 相匹配的子串。
$`	位于匹配子串左侧的文本
$’	位于匹配子串右侧的文本。
$$	直接量符号。

注意：ECMAScript v3 规定，replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下，每个匹配都调用该函数，它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串，可以有 0 个或多个这样的参数。接下来的参数是一个整数，声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。

返回值:	string 一个新的字符串，是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的

实例:
        var str="Mr Blue has a blue house and a blue car";
        var n=str.replace(/blue/g,"red");
        输出: Mr Blue has a red house and a red car
        
        var text = "javascript Tutorial";
        text.replace(/javascript/i, "JavaScript");
        输出:Javascript Tutorial
        
        var name = "Doe, John";
        name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");
        //John Doe
        
        var name = '"a", "b"';
        name.replace(/"([^"]*)"/g, "'$1'");
        // " 'a', 'b' ";
        
        var name = 'aaa bbb ccc';
        var newName=name.replace(/\b\w+\b/g, function(word,index,str){
        	console.log(word,index,str)
          return word.substring(0,1).toUpperCase()+word.substring(1);}
          );
         // Aaa Bbb Ccc'
        // aaa  0   aaa bbb ccc
        // bbb  4   aaa bbb ccc
        // ccc  8   aaa bbb ccc