360前端星计划—正则表达式及其应用

首先，还是树🌲，树后有详解哦～

正则表达式及其三个应用场景

正则表达式的创建和使用

使用正则表达式字面量

• 创建：

const reg = /[a-z]\d+[a-z]/i;

[a-z] 表示字符集小写字母a-z \d 表示数字0-9 + 限定符，限定\d重复一次到多次 /i 表示这个正则表达式忽略大小写

• 优点：
  简单方便
  不需要考虑二次转义
• 缺点：
  字内容无法重复使用
  过长的正则导致可读性差

使用RegExp构造函数

• 创建：

const alphabet = '[a-z]';//将变量提出来
const reg = new RegExp(`${
     alphabet}\\d+${
     alphabet}`, 'i');
//\\d第一个\是转义字符

把重复的部分提出来

• 优点：
  子内容可以重复使用
  可以通过控制子内容的粒度提高可读性
• 缺点：
  二次转义的问题非常容易导致bug

const reg = new RegExp(`\d+`);
//没有加转义字符，所有表达的意思是d可以重复出现
reg.test('1'); // false
reg.test('ddd'); // true

正则表达式的常见用法

• RegExp.prototype.test()

const reg = /[a-z]\d+[a-z]/i
// const result1=reg.test(a1a)//ReferenceError: a1a is not defined
const result2=reg.test('aaa')//flase
const result3=reg.test('a2d')//true
// const result4=reg.test(Symbol('w4e'))//TypeError: Cannot convert a Symbol value to a string

输入：要求输入字符串，如果输入不是字符串类型，会尝试进行类型转换，如果转换失败就会抛出TypeError
输出：true 或 false

• RegExp.prototype.source 和 RegExp.prototype.flags
  对正则表达式进行反解

const reg1 = /[a-z]\d+[a-z]/ig
console.log(reg1.source)//[a-z]\d+[a-z]
console.log(reg1.flags)//gi

get RegExp.prototype.source 返回当前正则表达式的模式文本字符串
get RegExp.prototype.flags 返回当前正则表达式的修饰符的字符串，会对修饰符按照字母升序进行排序（gimsuy）

• RegExp.prototype.exec() 和 String.prototype.match()
  对字符串进行解析,index指匹配开始的位置

const reg2 = /[a-z]\d+[a-z]/i;
console.log(reg2.exec('a1a')) // ["a1a", index: 0, input: "a1a", groups: undefined]
console.log(reg2.exec('1a1')) // null
console.log('a1a'.match(reg2))// ["a1a", index: 0, input: "a1a", groups: undefined]
console.log('0a1a'.match(reg2))// [ 'a1a', index: 1, input: '0a1a', groups: undefined ]
console.log('1a1'.match(<