- 正则表达式介绍
- 语法
- 元字符
- 修饰符
一.正则表达式介绍
① 简介
- 用来匹配字符串中字符组合的模式
- 在JavaScript中,正则表达式也是对象
- 通常用来查找,替换那些符合正则表达式的文本,许多语言都支持正则表达式
② 使用场景
- 验证表单:用户名表单只能输入英文字母,数字或者下划线
- 过滤掉页面内容中的一些敏感词,从字符串中获取我们想要的特定部分
③ 定义正则表达式语法
- / / 是正则表达式字面量
const 变量名 = /表达式/
④ test()方法 用来查看正则表达式与指定的字符串是否匹配
- reg.test(被检测的字符串)
- 如果正则表达式与指定的字符串匹配,返回true, 否则返回false
⑤ exec() 方法 在一个指定字符串中执行一个搜索匹配
- regObj.exec(被检测的字符串)
- 如果匹配成功,exec() 方法返回一个数组,否则返回null
const str = '欢迎来到魔法世界'
const reg = /魔法/
console.log(reg.exec(str))
二.元字符
① 普通字符:大多数的字符仅能够描述它们本身,这些字符称作普通字符,例如所有的字母和数字,普通字符只能够匹配字符串中与它们相同的字符
② 元字符(特殊字符):是一些具有特殊含义的字符,可以极大提高灵活性和强大的匹配功能
③ 参考文档
④ 分类
- 边界符(表示位置,开头和结尾,必须用什么开头,用什么结尾), 用来提示字符所处的位置,主要有两个字符
console.log(/哈/.test('哈')) // 包含
console.log(/^哈/.test('哈')) // 以'哈'开头
console.log(/^哈$/.test('哈')) // 精确匹配,必须一模一样才能通过
- 量词(表示重复次数)设定某个模式出现的次数
// 3.*匹配0次或者更多次console.log(/^哈*$/.test('哈哈'))
// 4. +重复1次或者更多次console.log(/^哈+$/.test('哈一哈哈'))
// 5. 0次或者1次console.log(/^哈?$/.test(''))// 6. {n} n写几就必须出现几次console.log(/^哈{5}$/.test('哈哈哈'))
// 7.{n,} 大于等于n次console.log(/^哈{5,}$/.test('哈哈哈哈哈哈'))
// 8.{n,m} 大于等于n小于等于m 逗号左右不要有空格 console.log(/^哈{5,8}$/.test('哈哈哈哈哈'))
- 字符类(比如 \d表示 0~9)
(1)[ ] 匹配字符集合:后面的字符串只要包含abc中任意一个字符,都返回true
console.log(/[asbc]/.test('a'))
(2)[a-z]: 使用连字符,表示一个范围
(3)[ ]里面加上 ^ 取反符号
(4) . 匹配除换行符之外的任何单个字符
(5)预定义类
三.修饰符
① 修饰符约束正则执行的某些细节行为,比如是否区分大小写,是否支持多行匹配
② 语法:/表达式/修饰符
- i 是单词ignore的缩写,正则匹配时字母不区分大小写
- g 是单词global的缩写,匹配所有满足正则表达式的结果
③ 字符串.replace(/正则表达式/, '替换的文本')
console.log(/a/i.test('A'));
const str = 'java是一门最好的语言,hello java'
// g表示全局
const res = str.replace(/java/ig, 'Javascript')
console.log(res)