JS正则表达式(Regular Expression)

1.认识元字符:学习正则表达式之前我们先认识一下的元字符

\ 表示转义字符
. 表示一个任意字符
*+? 表示字符个数(*表示:0到多个,+表示1到多个,?表示0个或1个)
{n,m}

表示字符个数(n:表示至少n个,m 表示至多m个):\{n\}  匹配 n 个元字符   ,  \{n,\}  匹配至少 n 个元字符 

[^] 表示非:[^fgh]  不与 fgh 之中的任意一个字符匹配 

[abcde]  匹配 abcde 之中的任意一个字符 ,[a-h]   匹配 a 到 h 之间的任意一个字符 

^$ 表示开始与结束
 \b 单词的开始或者结尾,以字符串“ 123a 345 789d ”作为示例字符串,如果正则表达式是“ \b\d{2}\b ”,则仅能匹配 345 
\d 表示1个数字:匹配任何 0 到 9 之间的单个数字,相当于 [0-9] 
\D  不匹配任何 0 到 9 之间的单个数字,相当于 [^0-9] 
[\u4e00-\u9fa5] 匹配任意单个汉字(这里用的是 Unicode 编码表示汉字的 )
\W 不匹配大小写英文字符及数字 0 到 9 之间的任意一个,相当于 [^a-zA-Z0-9_] 
\w 表示一个字符(不包含中文):匹配大小写英文字符及数字 0 到 9 之间的任意一个及下划线,相当于 [a-zA-Z0-9_] 
\s 表示一个空白字符:匹配任何空白字符,相当于 [ \f\n\r\t\v] 
\S 匹配任何非空白字符,相当于 [^\s] 
() 表示优先级,提取组
| 表示或(|表示位或,||表示逻辑或):例如 [a|jb|c] 表示匹配 a 、 b 、 c之中的任意一个字母。正则表达式元字符

2.什么是正则表达式?

3.正则可以做什么(重点):(匹配/替换/提取

4.功能展示:

   4.1:正则表达式构造对象的方法(只是用第二种就行):

//方式一:var regObj=new RegExp('\\d{5}');
//方式二:var regObj=/\d/;
//推荐使用第二种方式,这种方式是js中专为正则表达式提供的语法,不需要考虑转义字符的影响

4.2匹配功能(test)

   4.2.1:邮政编码匹配:




    
    
    


    
    

效果展示:

JS正则表达式(Regular Expression)_第1张图片

 4.2.2邮箱匹配:




    
    
    


    
    

效果展示:

JS正则表达式(Regular Expression)_第2张图片

4.3提取功能 exec(string)  注意://g表示全局模式,如果不加g,表示提取第一组数字,加g表示提取所有数字




    
    
    


    
    

效果显示:提取字符串中的数字

JS正则表达式(Regular Expression)_第3张图片

提取一部分:假如提取每一个数字组内的第二个数字




    
    
    


    
    

效果展示:提取每一组中特定的数字

JS正则表达式(Regular Expression)_第4张图片

4.4替换功能:例如替换掉某一点字符串中的空格,替换功能是字符串对象的replace的方法,是字符串的方法哦。




    
    
    


    
    

效果展示:有无g(全局模式)的区别

JS正则表达式(Regular Expression)_第5张图片

5.实战练习:

JS正则表达式(Regular Expression)_第6张图片

代码展示:




    
    
    


    

效果展示:

JS正则表达式(Regular Expression)_第7张图片

 

你可能感兴趣的:(JS正则表达式(Regular Expression))