JavaScript 高级——正则表达式

正则表达式

正则表达式 （Regular Expression）用于匹配字符串中字符组合的模式。在javaScript中，正则表达式也是对象

正则表达式的作用：1.通常用来检索，替换那些符合某个模式（规则）的文本，例如表单验证

                                2.用于过滤掉页面内容中的一些敏感词（替换），或从字符串中获取我们想要的特定部分（提取）等

正则表达式的特点：

        1.灵活性，逻辑性和功能性非常强

        2.可以迅速地用极简单的方式达到字符串的复杂控制

        3.对于刚接触的人来说，比较晦涩难懂。

        4.在实际开发中，一般都是直接复制写好的正则表达式，但是要求会使用正则表达式并且根据实际情况修改正则表达式。

正则表达式在javaScript中的使用

创建正则表达式

在javascript中，可以通过两种方式创建一个正则表达式

1.通过调用RegExp对象的构造函数创建

   var 变量名 = new RegExp（/ 表达式 /）;

2.利用字面量创建

   var 变量名 = / 表达式 /;  //注释中间放表达式就是正则字面量

测试正则表达式 test 

test（）正则对象方法，用于检测字符串是否符合该规则，该对象会返回true 或 false ，其参数是测试字符串

regexObj.test（str）

1. regexObj 是写的正则表达式
2. str我们要测试的文本
3. 就是检测str文本是否符合我们写的正则表达式规范

正则表达式中的特殊字符

一个正则表达式可以由简单的字符构成，比如 /abc/, 也可以是简单和特殊字符的组合，比如 / ab*c / .其中特殊字符也被称为元字符，在正则表达式中具有特殊意义的专用符号，如 ^. $ .+ 等

特殊符号非常多 可以参考：

MDN ：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions

jQuery手册 ：正则表达式部分

正则测试工具： https://tool.oschina.net/regex

边界符

正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符

边界符	说明
^	表示匹配行首的文本（以谁开始）
$	表示匹配行尾的文本（以谁结束）

字符类

字符类： [ ] 表示有一系列字符可供选择，只要匹配其中一个就可以了。所以可供选择的字符都放在括号内。

[ - ] 方括号内部范围符 -

/ abc /       只要包含abc就可以了

/[abc] /       只要包含a 或者包含有b 或者包含有c

/^[abc]$ /    三选一 只有a 或者只有b 或者只有c 

/^[a - z]$ /   26个小写英文字母任何一个字母   

字符组合：

 ^[a - zA-Z0-9]$  字母加数字

 ^[^a - zA-Z0-9]$   中括号里面的^是取反的意思 ，即 不能包含字母和数字

 

量词符

量词符用来设定某个模式出现的次数

    

括号总结 

    1. 大括号 ： 量词符 ，里面表示重复次数

     2.中括号 ：字符集合 。 匹配方括号中的任意字符

     3.小括号  表示优先级

在线测试：https://c.runoob.com/front-end/854

预定义类

预定义类指的是 某些常见模式的简写方式

正则表达式中的替换

replace 替换

replace（）方法可以实现替换字符串操作，用来替换的参数可以是一个字符串或是一个正则表达式

stringObject.replace(regexp/substr,replacement)

1. 第一个参数：被替换的字符串 或者 正则表达式
2. 第二个参数：替换为字符串
3. 返回值是一个替换完毕的新的字符串

正则表达式参数

/表达式/[ switch ] 

switch(也称为修饰符)按照什么样的模式来匹配，有三种值

g： 全局匹配

i：忽略大小写

gi：全局匹配 +忽略大小写