前端学习小白打卡15

正则表达式是用于匹配字符串中字符组合的模式，在js中，正则表达式也是对象
通常用来查找，替换那些符合正则表达式的文本
如验证表单
用户名只能输入英文字母，数字或者下划线，昵称输入框中可以输入中文（匹配）
过滤掉页面内容中的一些敏感词（替换），或从字符串中获取我们想要的特定部分（提取）
正则语法
1.定义规则
2.查找

1.定义正则表达式语法
const 变量名=/表达式/
/ / 是正则表达式字面量
2.判断是否有符合规则的字符串
test（）方法，用来查看正则表达式与指定的字符串是否匹配
语法：regObj.test(被检测的字符串),返回布偶值
3.检索（查找）符合规则的字符串
exec（）方法，在一个指定字符串中执行一个搜索匹配
语法：regObj.exec（被检测的字符）
匹配成功返回一个数组，否则返回null

元字符
普通字符：
只能描述字符本身，如所有的数字和字母，普通字符只能匹配字符串中与他们相同的字符
元字符：
具有特殊含义的字符，提高了灵活性和强大的匹配功能
如：规定用户只能输入英文26个英文字母，普通字符是：abcdefg......
元字符：[a-z]
正则测试工具
https://tool.oschina.net/regex#

元字符分类：
1.边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）
^ :表示匹配行首的文本（以谁开始）
$ :表示匹配行尾的文本（以谁结束）

console.log(/哈/.test('哈'))
console.log(/^哈/.test('哈'))//true
console.log(/^哈/.test('二哈'))//false

console.log(/^哈$/.test('哈'))//true,此时为精准匹配，只能是一个哈
console.log(/^哈$/.test('哈哈'))//false

2.量词（表示重复次数），如手机号位数11
量词用来设定某个模式出现的次数
* ：重复零次或更多次
+ ：重复一次或更多次
? : 重复零次或一次
{n} : 重复n次
{n，} : 重复n次或更多次
{n，m} ：重复n到m次
，号两边不能有空格
如 *
console.log(/^哈*$/.test('哈'))//true
console.log(/^哈*$/.test(''))//true
console.log(/^哈*$/.test('哈哈'))//true

console.log(/^哈*$/.test('哈二哈'))//false 精准匹配

console.log(/^哈{4}$/.test('哈哈哈哈'))//true,只能是4位

3.字符类（\d表示0-9）
1）.[]匹配字符集合
[abc] 后面的字符串只要包含abc中任何一个字符，都返回true
/^[abc]$/ [abc]只需拿一个，精准匹配
[]里面加上-连字符
使用连字符-表示一个范围
[a-z] 表示a到z26个英文字母
[a-zA-Z]表示大小写都可以
[0-9]表示0-9的数字都可以
[a-zA-Z0-9]字母加数字 
QQ号：^[1-9][0-9]{4,}$ 表示（腾讯QQ号是从10000开始的）
[]里面加上^取反符号
[^a-z]匹配处理小写字母以外的字符

2. .匹配除换行符之外的任何单个字符

3.预定义：指的是某些常见模式的简写方式
\d 匹配0-9之间任一数字同[0-9]
\D 匹配所有0-9以外的字符同[^0-9]
\w 匹配任意的字母，数字，下划线，同[A-Za-z0-9_]
\W 匹配所有字母，数字，下划线之外的字符，同[^A-Za-z0-9_]
\s 匹配空格（包括换行符，制表符，空格符），相等于[\t\r\n\v\f]
\S 匹配非空格的字符，相当于[^\t\r\n\v\f]
日期格式：
^\d{4}-\d{1,2}-\d{1,2}

修饰符：
修饰符约束正则执行的某些细节行为，如是否区分大小写，是否支持多行匹配
语法：/表达式/修饰符
i是ignore的缩写，正则匹配是字母不区分大小写
g是global的缩写，匹配所有满足正则表达式的结果

替换replace
语法：字符串.replace(/正则表达式/,'替换的文本')

js

const str='前段学习，学诶前段'
const reg=/前端/
console.log(reg.test(str))
console.log(reg.exec(str))

console.log(/哈/.test('哈'))
console.log(/^哈/.test('哈'))//true
console.log(/^哈/.test('二哈'))//false

console.log(/^哈$/.test('哈'))//true,此时为精准匹配，只能是一个哈
console.log(/^哈$/.test('哈哈'))//false

console.log(/^哈*$/.test('哈'))//true
console.log(/^哈*$/.test(''))//true
console.log(/^哈*$/.test('哈哈'))//true

console.log(/^哈*$/.test('哈二哈'))//false 精准匹配

console.log(/^哈{4}$/.test('哈哈哈哈'))//true,只能是4位


console.log(/^java$/.test('JAVA'))//false
console.log(/^java$/i.test('JAVA'))//true

const astr='java是一门JAVA'
const ss=astr.replace(/java/gi,'前段')//前段是一门前段
const ss2=astr.replace(/java|JAVA/g,'前段')//前段是一门前段