Web APIs 6:正则表达式
1.定义及使用场景
- 用于匹配字符串中字符组合的模式,在JS中属于对象
- 通常用来查找、替换哪些符合正则表达式的文本,不属于JS专属,许多语言都支持正则表达式
- 使用场景:验证表单、过滤敏感词
2.语法
- 定义规则——>根据规则去查找
- 定义规则:
- const 变量名 = /表达式/
- 判断是否有符合规则的字符串,返回true|false
- 规则.test(检测目标)
- 检索符合规则的字符串,返回数组(记住上面的test就行)
- 规则.exec(被检测的字符串)
<script>//要检测的字符串const str = '数据分析、数学建模、数据库、高等数学'//1.定义正则表达式 检测规则const reg = /数学///2.检测方法console.log(reg.test(str)) //返回true</script>
3.元字符
-
普通字符:字母、数字等,只能匹配完全相同的字符
-
特殊字符:具有特殊含义的字符,eg:[a-z]表示26个英文字母
-
元字符分类
-
边界符:提示字符所处的位置
//边界符 ^表示以什么开头 $以什么结尾console.log(/^哈/.test('哈哈哈')) //trueconsole.log(/^哈/.test('二哈哈哈哈哈')) //false console.log(/^哈$/.test('哈哈哈')) //false 精确匹配,只有完全相同才为true
-
量词:表示重复次数
量词 说明 * 重复零次或多次 + 重复一次或多次 ? 重复零次或一次 {n} 重复n次 {n,} 重复n次或更多次 {n,m} 重复n到m次
console.log(/^哈*/.test('哈哈哈哈哈')) //true console.log(/^哈*$/.test('哈很哈哈')) //false console.log(/哈+$/.test('很哈哈哈')) //true console.log(/^哈?$/.test('哈哈哈')) //false console.log(/^哈{4}$/.test('哈哈哈')) //false console.log(/^哈{3}$/.test('哈哈哈')) //true
- 字符类::\d表示0~9
- […]匹配字符集合,只要括号里的任意字符出现都返回true
- [^]:取反
- . 匹配除换行符之外的任何单个字符
- 预定义类:
预定类 说明 \d 匹配0-9的任一数字,[0-9] \D 匹配所有0-9以外的数字 \w 匹配任意的字母、数字、下划线,相当于[A-Za-z0-9_] \W 除所有数字、字母、下划线以外的字符 \s 匹配空格(包括换行符、制表符、空格符等),[\t\r\n\v\f] \S 匹配非空格的字符 -
4.修饰符:
-
约束正则执行的某些细节行为,如是否区分大小写,是否支持多行匹配等
-
语法:/表达式/修饰符
-
i修饰符:ignore,不区分大小写
-
g修饰符:global,匹配所有满足表达式的结果
console.log(/^java$/i.test('JAVA')) //true
- replace替换:字符串.replace(/正则表达式/,‘替换的文本’)
const str = 'java是一门编程语言,Java很有趣'const re = str.replace(/java/ig, '前端') // i是不区分大小写,g是全局替换console.log(re)
注:web APIs模块到这里就基本结束啦~后面还会继续更新JS中es6的新语法相关知识,有问题可以在评论区留言哦!