Javascript 正则表达式

1.介绍 

1.正则表达式是什么？

        是用于匹配字符串中字符组合的模式

2.正则表达式有什么作用？

• 表单验证（匹配）

• 过滤敏感词（替换）

• 字符串中提取我们想要的部分（提取）

2.语法

1. 定义规则

2. 查找

正则表达式检测查找test方法和exec方法有什么区别？

1. test方法 用于判断是否有符合规则的字符串，返回的是布尔值 找到返回true，否则false

2. exec方法用于检索（查找）符合规则的字符串，找到返回数组，否则为 null

const str = '我们在学习前端，希望学习前端能高薪毕业'
// 正则表达式使用：
// 1. 定义规则
const reg = /前端/
// 2. test()是否匹配
console.log(reg.test(str))  // true
// 3. exec()
console.log(reg.exec(str))  // 返回数组

3.元字符

介绍：

是一些具有特殊含义的字符，可以极大提高了灵活性和强大的匹配功能。

Ø 比如，规定用户只能输入英文26个英文字母，普通字符的话 abcdefghijklm…..

Ø 但是换成元字符写法： [a-z]

分类：

1. 边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）
2. 量词 （表示重复次数）
3. 字符类 （比如 \d 表示 0~9）

1.边界符

正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符

• ^ 表示匹配行首的文本（以谁开始）
• $ 表示匹配行尾的文本（以谁结束）

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

console.log(/^哈/.test('哈')) // true
console.log(/^哈/.test('哈哈')) // true
console.log(/^哈/.test('二哈')) // flase
console.log(/^哈$/.test('哈')) // true  只有这种情况为true 否则全是false
console.log(/^哈$/.test('哈哈')) // false，只能有一个哈
console.log(/^哈$/.test('二哈')) // false

2.量词

量词用来 设定某个模式出现的次数

注意：量词 {n,m}  逗号左右两侧千万不能有空格

//  量词 * 类似 >=0 次
console.log(/^哈$/.test('哈')) // true
console.log(/^哈*$/.test('')) // true
console.log(/^哈*$/.test('哈')) // true
console.log(/^哈*$/.test('哈哈')) // true
console.log(/^哈*$/.test('二哈很傻')) //  false
console.log(/^哈*$/.test('哈很傻')) //  false
console.log(/^哈*$/.test('哈很哈')) // false
console.log('------------------')
//  量词 + 类似 >=1 次
console.log(/^哈$/.test('哈')) // true
console.log(/^哈+$/.test('')) // false
console.log(/^哈+$/.test('哈')) // true
console.log(/^哈+$/.test('哈哈')) // true
console.log(/^哈+$/.test('二哈很傻')) //  false
console.log(/^哈+$/.test('哈很傻')) //  false
console.log(/^哈+$/.test('哈很哈')) // false
//  量词 ? 类似  0 || 1
console.log(/^哈?$/.test('')) // true
console.log(/^哈?$/.test('哈')) // true
console.log(/^哈?$/.test('哈哈')) // true
console.log(/^哈?$/.test('二哈很傻')) //  false
console.log(/^哈?$/.test('哈很傻')) //  false
console.log(/^哈?$/.test('哈很哈')) // false
// 量词 {n} 写几，就必须出现几次
console.log(/^哈{4}$/.test('哈')) // f
console.log(/^哈{4}$/.test('哈哈')) // f
console.log(/^哈{4}$/.test('哈哈哈')) // f
console.log(/^哈{4}$/.test('哈哈哈哈')) // t
console.log(/^哈{4}$/.test('哈哈哈哈哈')) // f
console.log(/^哈{4}$/.test('哈哈哈哈哈哈')) // f
console.log('------------------')
// 量词 {n,}   >=n
console.log(/^哈{4,}$/.test('哈')) // f
console.log(/^哈{4,}$/.test('哈哈')) // f
console.log(/^哈{4,}$/.test('哈哈哈')) // f
console.log(/^哈{4,}$/.test('哈哈哈哈')) // t
console.log(/^哈{4,}$/.test('哈哈哈哈哈')) // t
console.log(/^哈{4,}$/.test('哈哈哈哈哈哈')) // 
console.log('------------------')
// 量词 {n,m}  逗号左右两侧千万不能有空格    >=n && <= m
console.log(/^哈{4,6}$/.test('哈')) // f
console.log(/^哈{4,6}$/.test('哈哈')) // f
console.log(/^哈{4,6}$/.test('哈哈哈')) // f
console.log(/^哈{4,6}$/.test('哈哈哈哈')) // t
console.log(/^哈{4,6}$/.test('哈哈哈哈哈')) // t 
console.log(/^哈{4,6}$/.test('哈哈哈哈哈哈')) // t
console.log(/^哈{4,6}$/.test('哈哈哈哈哈哈哈')) // f
console.log('------------------')

3.字符类

(1) [ ] 匹配字符集合

后面的字符串只要包含 abc 中任意一个字符，都返回 true 。

(2) [ ] 里面加上 - 连字符

使用连字符 - 表示一个范围

比如：

Ø [a-z] 表示 a 到 z 26个英文字母都可以

Ø [a-zA-Z] 表示大小写都可以

Ø [0-9] 表示 0~9 的数字都可以

(3) [ ] 里面加上 ^ 取反符号

比如：

Ø [^a-z] 匹配除了小写字母以外的字符

Ø 注意要写到中括号里面

(4) . 匹配除换行符之外的任何单个字符

// 字符类   [abc]  只选1个!
console.log(/^[abc]$/.test('a'))  // true
console.log(/^[abc]$/.test('b'))  // true
console.log(/^[abc]$/.test('c'))  // true
console.log(/^[abc]$/.test('ab'))  // false
console.log(/^[abc]{2}$/.test('ab'))  // true
console.log('------------------')
// 字符类   [a-z]  只选1个
console.log(/^[A-Z]$/.test('p'))  // false
console.log(/^[A-Z]$/.test('P'))  // true
console.log(/^[0-9]$/.test(2))  // true
console.log(/^[a-zA-Z0-9]$/.test(2))  // true
console.log(/^[a-zA-Z0-9]$/.test('p'))  // true
console.log(/^[a-zA-Z0-9]$/.test('P'))  // true
console.log('------------------')

(3) 预定义：指的是 某些常见模式的简写方式。

4.修饰符

修饰符约束正则执行的某些细节行为，如是否区分大小写、是否支持多行匹配等

语法：/表达式/修饰符

Ø i 是单词 ignore 的缩写，正则匹配时字母不区分大小写

Ø g 是单词 global 的缩写，匹配所有满足正则表达式的结果（多用于replace）

replace 替换

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

    console.log(/^java$/.test('java')) // t
    console.log(/^java$/i.test('JAVA')) // t
    console.log(/^java$/i.test('Java')) // t
    const str = 'java是一门编程语言， 学完JAVA工资很高'
    const _re = str.replace(/java/i, '前端') // 前端是一门编程语言， 学完JAVA工资很高

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