正则表达式的定义
是一个描述字符模式的对象。
是由一个字符序列形成的搜索模式。
可用于所有文本搜索和文本替换的操作。
正则表达式的创建
字面量(直接量)
// 在一对反斜线中写正则表达式内容,如/abc/
// 正则表达式里面不需要加引号 不管是数字型还是字符串型
var reg = /正则表达式/修饰符;
var reg = /hello/g;
构造函数
//构造正则表达式的实例,如new RexExp('abc')
//内部传入的参数为字符串/字符串的变量
var reg =new RegExp("正则表达式","修饰符")
var reg =new RegExp("hello","g");
修饰符
i:ignoreCase,匹配时忽视大小写
m:multiline,多行匹配
g:global,全局匹配
字面量创建正则时,模式修饰符写在一对反斜线后
正则表达式实例方法
exec 可用来匹配字符串中符合正则表达式的字符串。
如果匹配到,返回值是一个result数组:[匹配的内容,index:在str中匹配的起始位置,input: 参数字符串,groups: undefined];
否则返回null。
var str = 'hello world hello';
var reg = /hello/;
console.log(reg.exec(str)); //[ 'hello', index: 0, input: 'hello world hello', groups: undefined ]
test 用来测试待检测的字符串中是否有可以匹配到正则表达式的字符串,如果有返回true,否则返回false。
var str = 'hello world';
var reg1 = /world/;
var reg2 = /Regex/;
console.log(reg1.test(str)); //返回true
console.log(reg2.test(str)); //返回false
【注】:
1)如果正则表达式中有修饰符"g",这时,在正则表达式的实例reg中会维护lastIndex属性,记录下一次开始的位置,当第二次执行exec/test的时候,从lastIndex开始检索。
2)如果正则表达式中没有修饰符"g",不会维护lastIndex属性,每次执行从开始位置检索。
其他实例方法
toString/toLocaleString把正则表达式的内容转化成字面量形式字符串/有本地特色的字符串(JS中没效果)
valueOf 返回正则表达式本身
var reg1 = /hello/;
console.log(reg1.toString()); //返回 /hello/ 字符串
console.log(reg1.toLocaleString()); //返回 /hello/ 字符串
console.log(reg1.valueOf()); // 返回正则表达式本身
正则表达式实例属性
var pattern = /\d{3}/img;
pattern.source; 正则表达式文本
pattern.global 布尔值,表明这个正则表达式是否带有修饰符g
pattern.ignoreCase 布尔值,表明这个正则表达式是否带有修饰符i
pattern.multiline 布尔值,表明这个正则表达式是否带有修饰符m
pattern.lastIndex 如果匹配模式带有g,这个属性存储在整个字符串中下一次检索的
开始位置,这个属性会被exec(), test()方法调用到
正则表达式语法
直接量字符
字符 | 匹配 |
---|---|
字母和数字字符 | 自身 |
\o | Null字符 |
\t | 制表符 |
\n | 换行符 |
\v | 垂直制表符 |
\f | 换页符 |
\r | 回车符 |
边界符
^ 匹配输入开始。
$ 匹配输入结尾。
^和 $ 在一起,表示必须是精确匹配。
var rg = /abc/;
// /abc/ 只要包含有abc这个字符串返回的都是true
console.log(rg.test('abc')); //true
console.log(rg.test('abcd')); //true
console.log(rg.test('aabcd'));//true
console.log('---------------------------');
// 必须是以abc开头的字符串才会满足
var reg = /^abc/;
console.log(reg.test('abc')); // true
console.log(reg.test('abcd')); // true
console.log(reg.test('aabcd')); // false
console.log('---------------------------');
// 必须是以abc结尾的字符串才会满足
var reg = /abc$/;
console.log(reg.test('abc')); // true
console.log(reg.test('qweabc')); // true
console.log(reg.test('aabcd')); // false
console.log('---------------------------');
var reg1 = /^abc$/; // 精确匹配 要求必须是 abc字符串才符合规范
console.log(reg1.test('abc')); // true
console.log(reg1.test('abcd')); // false
console.log(reg1.test('aabcd')); // false
console.log(reg1.test('abcabc')); // false
字符类
字符类 | 含义 |
---|---|
. | 匹配除换行符\n和回车符之外的任何单个字符,等效于**[^\n\r]** |
\d | 匹配一个数字字符,等效于[0-9] |
\D | [^0-9] |
\w | 匹配包括下划线的任何单个字符,包括AZ,az,0~9和下划线**""**,等效于 [a-zA-Z0-9] |
\W | [^a-zA-Z0-9_] |
\s | 匹配任何Unicode空白字符,包括空格、制表符、换页符等,等效于[\f\t\n\r] |
\S | [^\f\t\n\r] |
数量词
字符 | 含义 |
---|---|
* | >=0次 |
+ | ≥1 次 |
? | 0或1次 |
{n} | n 次 |
{n,} | ≥n 次 |
{n,m} | n到m 次 |
实例
//实例1
var reg1=/.../;
var str='hello.';
console.log(reg1.exec(str));
//实例2
var reg2=/\w\d/;
var str='hello123';
console.log(reg2.exec(str));
//实例3
var reg3=/[hello]/;
var str='hello';
console.log(reg3.exec(str));
//实例4
var reg4=/[1hello]/;
var str='hello123';
console.log(reg4.exec(str));
//实例5--贪婪模式
var reg5=/\d[a-z]*/igm;
var str='1ab2cdefg3'
console.log(reg5.exec(str))
//实例6--非贪婪模式
var reg5=/\d[a-z]*?/igm;
var str='1ab2cdefg3'
console.log(reg5.exec(str))
//实例7 |代表或者的关系
var pattern=/hello2|1/img;
var str='hello1abc2';
console.log(pattern.exec(str))
//实例8 ()代表分组
var reg6=/hello(2|1)/g;
var str='hello1abc2hello2'
console.log(reg6.exec(str))
console.log(reg6.exec(str))
选择,分组,引用
选择
字符"|"用于分隔供选择的字符,选择项的尝试匹配次序是从左到右,直到发现了匹配项,如果左边的选择项匹配,就忽略右边的匹配项,即使它可以产生更好的匹配。
var reg = /html|css|js/
console.log(reg.exec('qweqwehtmlcss')); // html
分组
有圆括号包裹的一个小整体成为分组。
//引用第一个带圆括号的子表达式
var reg=/(briup){3}/;
console.log(reg.exec('briupbriupbriup'))
引用
var reg = /(\w{3}) is \1/
console.log(reg.test('kid is kid')); // true
console.log(reg.test('dik is dik')); // true
console.log(reg.test('kid is dik')); // false
console.log(reg.test('dik is kid')); // false
String对正则表达式的支持
1.search 查找字符串中是否有匹配正则的字符串,有则返回字符串第一次出现时的位置,否则返回-1。正则中无论是否有全局匹配都不会影响返回结果。
var str = 'hello world hello';
var reg = /hello/;
var reg2 = /hello/g;
console.log(str.search(reg)); //返回 0
console.log(str.search(reg2));//返回 0
2.match 返回由匹配结果组成的数组或者null。当正则表达式中没有g修饰符的时候,就不是全局匹配。
var reg=/\w{2}/g;
var str='hello1world';
console.log(str.match(reg));
3.replace() 替换操作。第一个参数是正则表达式,第二个参数是要替换的字符串。返回替换后的字符串
// 满足正则表达式条件的内容将被替换
var str = 'javascript'
// 如果开启全局模式 则替换所有满足条件的字符
var reg = /javascript/;
// replace(正则表达式, 要替换的内容)
var result = str.replace(reg, 'java');
console.log(result); //java
console.log(str); //javascript
4.split() 切割 将字符串转换为数组。参数可以是正则表达式
// 以某种形式分割字符串 split()
var str = "terry134briup156lisi12zhangsan";
// 当数字出现一次或多次时
var reg = /\d+/;
var result = str.split(reg);
console.log(result); // [ 'terry', 'briup', 'lisi', 'zhangsan' ]
10.前瞻
正则表达式从文本头部向尾部解析,文本尾部方向称为前
正向前瞻 (?=exp)匹配后面满足exp表达式的位置
var str='a2*34v8';
var result=str.replace(/\w(?=\d)/g,'X');
console.log(result);
负向前瞻 (?!exp) 匹配后面不满足exp表达式的位置
var str='a2*34v8';
var result=str.replace(/\w(?!\d)/g,'X');//[0-9a-zA-z_]
console.log(result)
密码验证
匹配密码,必须包含大写,小写和数字,和特殊字符(!,@,#,%,&),且大于6位
var reg=/(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!|@|#|%|&])^([0-9a-zA-Z!@#%&]){6,}$/;