JS正则表达式

一、正则表达式概念

假设用户需要在 HTML 表单中填写姓名、地址、出生日期等。那么在将表单提交到服务器进一步处理前，JavaScript 程序会检查表单以+
确认用户确实输入了信息并且这些信息是符合要求的。
正则表达式，super string。
正则表达式(regular expression)是一个描述字符模式的对象。ECMAScript 的 RegExp 类 表示正则表达式，而 String 和 正则表达式都定义了进行强大的【模式匹配】和【文本检索】与【替换】的函数。

二、创建正则表达式的方式

创建正则表达式和创建字符串类似，创建正则表达式提供了两种方法，一种是采用 new 运算符，另一个是采用字面量方式。

1.两种创建方式

var box=new RegExp(‘box’); //第一个参数字符串
var box=new RegExp(‘box’, ‘ig’); //第二个参数可选模式修饰符
var box=/box/; //直接用两个反斜杠
var box=/box/ig; //在第二个斜杠后面加上模式修饰符

模式修饰符的可选参数

参数	含义
i	忽略大小写
g	全局匹配
m	多行匹配

2.正则表达式对象的方法

使用 new 运算符的 test 方法示例
var pattern= newRegExp(‘box’, ‘i’); //创建正则模式，不区分大小写
var str =‘This is a Box!’; //创建要比对的字符串
alert(pattern.test(str)); //通过 test()方法验证是否匹配
使用字面量方式的 test 方法示例
var pattern= /box/i; //创建正则模式，不区分大小写
var str =‘This is a Box!’;
alert(pattern.test(str));
使用一条语句实现正则匹配
alert(/box/i.test(‘This is aBox!’)); //模式和字符串替换掉了两个变量
使用 exec 返回匹配数组
var pattern= /box/i;
var str =‘This is a Box!’;
alert(pattern.exec(str)); //匹配了返回数组，否则返回 null

RegExp 对象的方法

方法	功能
test	在字符串中测试模式匹配，返回true 或 false
exec	在字符串中执行匹配搜索，返回结果数组

【注】正则表达式其实就是字符串，一个增强版的字符串。

三、字符串中使用正则表达式的方法

除了 test()和 exec()方法，String 对象也提供了 4 个使用正则表达式的方法。

String对象中的正则表达式方法

方法	含义
match(pattem)	返回 pattem 中的字符串或者null
replace（pattem,replacement）	用 replacement 替换 pattem
search(pattem)	返回字符串 pattem 开始的位置
split(pattem)	返回字符串按指定 papttem 拆分的数组

使用 match 方法获取获取匹配数组
var pattern= /box/ig; //全局搜索
var str =‘This is a Box!，That is a Box too’;
alert(str.match(pattern)); //匹配到两个 Box,Box alert(str.match(pattern).length); //获取数组的长度
使用 search 来查找匹配数据
var pattern= /box/ig;
var str =‘This is a Box!，That is a Box too’;
alert(str.search(pattern)); //查找到返回位置，否则返回-1
PS：因为 search 方法查找到即返回，也就是说无需 g 全局。

使用 replace 替换匹配到的数据
var pattern= /box/ig;
var str =‘This is a Box!，That is a Box too’; alert(str.replace(pattern,‘Tom’)); //将 Box 替换成了 Tom
使用 split 拆分成字符串数组
var pattern= //ig;
var str =‘This is a Box!，That is a Box too’;
alert(str.split(pattern)); //将空格拆开分组成数组

四、元字符

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

五、常用的正则

六、常见正则