JavaScript正则表达式

1.介绍
2.语法
3.元字符
4.修饰符

目标：学习正则表达式概念及语法，编写简单的正则表达式实现字符的查找或检测。

一、介绍

1.什么是正则表达式
正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。（正则表达式也是对象）
2.正则表达式有什么作用？
表单验证（匹配）
过滤敏感词（替换）
字符串中提取我们想要的部分（提取）
3.正则表达式在JavaScript中的使用场景：
①验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框中可以输入中文（匹配）
②过滤掉页面内容中的一些敏感词（替换），或从字符串中获取我们想要的特定部分（提取）等

二、语法

JavaScript中定义正则表达式的语法有两种
1.定义正则表达式语法：

  const 变量名 = /表达式/

其中/ /是正则表达式字面量
例如：

  const reg = /前端/

2.判断是否有符合规则的字符串：
test()方法 用来查看正则表达式与指定的字符串是否匹配
语法：

regObj.test(被检测的字符串)

const str = '学习前端，前端'
//正则表达式使用：
//1.定义规则：
const reg = /前端/
//2.是否匹配
console.log(reg.test(str))//true

3.检索（查找）符合规则的字符串：
exec()方法 在一个指定字符串中执行一个搜索匹配
语法：
regObj.exec(被检测字符串)

const str1 = '前端大会';
const reg1 = /前端/
console.log(reg1.exec(str))//返回数组

如果匹配成功，exec()方法返回一个数组，否则返回null

三、元字符

1.普通字符：
大多数的字符仅能够描述它们本身，这些字符称作普通字符，例如：所有的字母和数字。
普通字符只能匹配字符串中与它们相同的字符
2.元字符（特殊字符）
一些具有特殊含义的字符，可以极大提高灵活性和强大的匹配功能。
*比如：规定用户只能输入英文26个英文字母，普通字符的话：abcdefg…
*但是换成元字符写法：[a-z]
3.对众多元字符进行分类
（1）边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）
提示字符所处的位置

如果^和$在一起，表示必须精确匹配

//元字符
console.log(/哈/.test('哈'))//true
console.log(/哈/.test('二哈'))//true

//1.边界符
console.log(/^哈/.test('哈'))//true
console.log(/^哈/.test('二哈'))//false
console.log('-----------------------')

//2.如果^和$在一起，表示必须精确匹配
console.log(/^哈$/.test('哈'))//true 只有这种情况为true,其他全是false
console.log(/^哈哈$/.test('哈哈'))//false

(2) 量词（表示重复次数）
设定某个模式出现的次数

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

//{n}
console.log(/^哈{1}$/.test('哈'))//true
console.log(/^哈{1}$/.test('哈哈'))//false

（3）字符类（比如\d表示0-9）

①[]匹配字符集合
后面的字符串只要包含abc中任意一个字符，都返回true

 console.log(/[abc]/.test('andy'))//true
 console.log(/[abc]/.test('baby'))//true
 console.log(/[abc]/.test('cry'))//true
 console.log(/[abc]/.test('diy'))//false
 
console.log(/^[abc]$/.test('ab'))//false
console.log(/^[abc]{2}$/.test('ab'))//true

[]里面加上^取反符号
*[^a-z]匹配除了小写字母以外的字符
*注意要写到中括号里面
②.（点）匹配除换行符之外的任何单个字符
③预定义：某些常见模式的简写方式

日期格式：^\d{4}-\d{1,2}-\d{1,2}

四、修饰符

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

console.log(/a/i.test('a'))//true
console.log(/a/i.test('A'))//true

替换文本replace
语法：

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

const str = 'java是一门编程语言，学完JAVA'
// const re = str.replace(/java/ig,'前端')
const re = str.replace(/java/gi,'前端')
console.log(re)//前端是一门编程语言，学完前端