正则表达式3

获取控制

正则表达式元字符是包含特殊含义的字符。它们有一些特殊功能,可以控制匹配模式的方式。反斜杠后的元字符将失去其特殊含义。

正则表达式3_第1张图片

字符类:单个字符和数字

  1. 使用点 . 元字符
    点 . 字符是可以替换除了换行符以外的所有的字符

    var pattern =/x..ncai/; //这里 .. 代表任意除了换行符以外的字符
    var str="xiancai";
    alert(pattern.test(str));

正则表达式3_第2张图片

上面的 . 是一一对应的,有几个点 . 他就匹配几个字符,比如下面这样就返回 false

var pattern =/x.ncai/;  //这里有了一个点所以下面的 a 匹配不到就返回 false
var str="xiancai";      
alert(pattern.test(str));       
正则表达式3_第3张图片
  1. [a-z0-9]匹配括号中的字符集中的任意字符

    var pattern =/x[a-z][a-z][a-z][a-z][a-z]i/;
    var str="xiancai";
    alert(pattern.test(str));

正则表达式3_第4张图片
  1. [^a-z0-9] 匹配任意不在括号中的字符集中的字符

    var pattern =/google[^a-z0-9]/;
    var str="google(A2016)";
    alert(pattern.test(str));

    正则表达式3_第5张图片
  2. \d 匹配数字

    var pattern =/google\d/;
    var str="google2016";
    alert(pattern.test(str));

    正则表达式3_第6张图片

    其中 \D 就不再举例了 很简单,和 \d 是一样的。只不过一个是数字一个是非数字而已。

  3. \w 匹配字符数字以及 _ 中的任意一个

    var pattern =/google\w/;
    var str="google2016abc";
    alert(pattern.test(str));
    这里只匹配第一个 2 就结束。也就是后面的 016abc 并没有匹配。

    正则表达式3_第7张图片

    \W 大写的 W 和 \w 小写的 w 含义刚好相反,具体的就不再详细描述了。

锚字符

正则表达式3_第8张图片

这里李老师讲到最常用的就是打红标的三个分别是
第一个 ^ 是行首匹配,从最开头匹配。从开头到结尾必须都是一样的字符
第二个 \s 匹配一个空格,有几个空格就用几个\s
第三个 \b 匹配单词边界,单词在 [] 里面时无效
第四个 $ 行未匹配。从开头到结尾必须都是一样的字符

  1. ^

    var pattern=/^xiancai/;
    var str="xiancai";
    alert(pattern.test(str));

正则表达式3_第9张图片
  1. \s
var pattern=/xian\scai/;     
var str="xian cai";   
alert(pattern.test(str));      
正则表达式3_第10张图片
  1. \b

    var pattern=/xiancai\b/;
    var str="xiancai";
    alert(pattern.test(str));

正则表达式3_第11张图片
  1. $

    var pattern=/xiancai$/;
    var str="xiancai";
    alert(pattern.test(str));

正则表达式3_第12张图片

使用分组模式匹配

正则表达式3_第13张图片
var pattern=/(xiancai){2,5}$/;     
var str='xiancaixiancai';          
alert(pattern.test(str));    
正则表达式3_第14张图片
var pattern=/8(.*)8/;     
var str='8xiancai8 is a name';      
pattern.test(str);      
alert(RegExp.$1)    

这里 RegExp.$1 表示获取模式中第一个分组对应的匹配字符串这里 8(.*)8 对应 8xiancai8 所以 RegExp.$1会打印出 xiancai

正则表达式3_第15张图片

    var str='8xiancai8 is a name';    
document.write(str.replace(pattern,'$1')); //把得到替换的字符输出   

正则表达式3_第16张图片

还有一种方法就是将两组字符串替换输出。

var pattern=/(.*)\s(.*)/;    
var str='google baidu';    
document.write(str.replace(pattern,'$2 $1')); //把得到的字符替换输出   
正则表达式3_第17张图片

这里第一个 (.) 代表 $1 第二个 (.) 代表 $2

贪婪和惰性

正则表达式3_第18张图片

这里我们研究一下贪婪和惰性。请看下面的代码:

var pattern=/[a-z]/;    
var str='abcdefg';   
document.write(str.replace(pattern,'1'))

正则表达式3_第19张图片

当我们加上全局以后看是什么结果:
正则表达式3_第20张图片

可以看出全局的时候会有全部替换成了1。
当我们加上贪婪以后会是怎么样的变化:

var pattern=/[a-z]+/;    
var str='abcdefg';   
document.write(str.replace(pattern,'1'))

正则表达式3_第21张图片

这时候所有的字母都没有了,只有一个1.贪婪就是把所有的字符替换成了一个1,一个1,一个1.说三遍。
如果使用惰性模式呢?? 我们看代码

var pattern=/[a-z]?/;    
var str='abcdefg';   
document.write(str.replace(pattern,'1'))        

正则表达式3_第22张图片

这时候只是替换了一个。

你可能感兴趣的:(正则表达式3)