JavaScript正则表达式
参考笔记:JS之正则表达式_js 正则-CSDN博客
目录
一、正则表达式介绍
1. 快速入门案例1
2. 什么是正则表达式
3. 快速入门案例2
4. 正则表达式"按位"描述规则
二、正则表达式的定义方式
三、修饰符 modifiers
四、正则表达式方法
1. test()
2. exec()
3. search()
4. match()
5. replace()
五、元字符
1. 常用的元字符
2. 使用案例
六、方括号表示法
1. 方括号表达式
2. 使用案例
七、 量词
1. 常用的量词
2. 使用案例
八、在开发中如何正确使用正则表达式?
一、正则表达式介绍
1. 快速入门案例1
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><script>// var reg = /pattern/modifiers = /匹配规则/匹配修饰符// 定义正则表达式var reg = /e/i //匹配规则:字符'e';匹配修饰符:i,表示对大小写不敏感// 定义一个字符串var str = "helloE"// 匹配console.log("str中是否包含e或者E?:" + reg.test(str))//若str中包含e或E,则返回true,反之返回false</script>
</head>
<body>
</body>
</html>
运行结果:
2. 什么是正则表达式
正则表达式(regular expression)描述了字符串的"构成模式",经常被用于检查字符串是否符合预定的格式要求
非常经典的使用场景就是登录/注册验证,如下所示:
3. 快速入门案例2
需求:检验某个字符串是否为 6 位数字
4. 正则表达式"按位"描述规则
正则表达式"按位"描述规则:指的是它一位一位的描述字符串的构成形式
例如:判断某个字符串是否以字母 m 开头,然后是 3 个数字,最后以字母 n 结尾,则正则表达式如下所示:
var reg = /^m\d\d\dn$/
^:表示开头
$:表示结尾
\d:数字
\d\d\d可以简写成\d{3}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8">
</head><body><script>// 定义正则表达式:以m开头,n结尾,中间是3位数字var reg = /^m\d{3}n$/;var str1 = 'm123n';var str2 = 'm1234n';var str3 = 'm12345n';var str4 = '123456';console.log(reg.test(str1)); // trueconsole.log(reg.test(str2)); // falseconsole.log(reg.test(str3)); // falseconsole.log(reg.test(str4)); // false</script>
</body></html>
二、正则表达式的定义方式
//pattern:匹配规则 modifiers:匹配修饰符
var reg = new RegExp(pattern,modifiers);
或者更简单的方式:
var reg =/pattern/modifiers;
注:modifiers 为可选项,根据具体业务需求判断是否需要