16 正则表达式

1 认识正则表达式 Regular Expression

验证字符串是否符合规则

属于复杂数据类型

2 正则表达式的创建

(1)字面量方式创建

var reg = /abcd/

(2)内置构造函数创建

var reg = new RegExp('abcd')

​ 在字符串内, \ 也是表示转义符

​ 在字符串内书写 \s 这个内容, 相当于把没有意义的 s 文本转换成有意义的符号

​ 但是字符串内没有 \s 这个符号规则

​ 字符串就会默认把它解析为 s 文本

使用内置构造函数方式创建正则表达式时

第一个参数以字符串的形式书写正则内容

在字符串内书写 '\s' 的时候, 因为字符串规则, 会将其解析为 's'
	给到正则的内容就是 's',组装出来是 /s/
在字符串内书写 '\\s' 的时候, 因为字符串规则, 第一个 \ 是把 第二个 \ 转义了
	在字符串内留下一个 \ 和 s 文本
	把'\\s'当做第一个参数写入时,出来的则是 /\s/

(3)区别

书写标识符的区别

​ 字面量: 直接书写在正则的后面

const reg = /abcd/gi

​ 内置构造函数: 以第二个参数的形式书写

const reg = new RegExp('abcd', 'gi')

拼接变量的能力

​ 字面量方式不能进行变量拼接的

​ 内置构造函数可以拼接

​ 因为内置构造函数的第一个参数是一个字符串类型数据

const s = 'HH'
// 内置构造函数
const reg = new RegExp('^' + s + '$')
console.log(reg.test('HH'))

书写基本元字符

​ 字面量: /\s\d\w/

​ 内置构造函数内: new RegExp(’\s\d\w’)

3 常用方法

(1)匹配

目的: 检测对还是不对

语法: 正则表达式.test(字符串)

返回值: 一个布尔值

​ 如果字符串满足正则表达式规则, 那么返回 true

​ 如果字符串不满足正则表达式规则, 那么返回 false

const reg = /abcd/
const res = reg.test('hfgasjhfgab cdsjhdagfjhk')
console.log(res)//false

(2)捕获

目的: 从原始字符串中截取出符合正则表达式规则的部分字符串片段

语法: 正则.exec(字符串)

返回值

​ 原始字符串内没有符合正则要求的字符串片段 null

​ 原始字符串内有符合正则要求的字符串片段

​ 返回值是一个数组数据类型, [0] 位置就是从字符串内捕获出来的内容

​ 正则没有 () 没有全局标识符 g

​ 返回值数组只有 [0] 数据

​ 不管你捕获多少次, 正则都是从原始字符串开始位置进行检索

const str = 'sad123hgas456jkdgj789kas111dg'
const reg = /\d{3}/
console.log(reg.exec(str))
//['123', index: 3, input: 'sad123hgas456jkdgj789kas111dg', groups: undefined]

​ 正则有 ()

​ 返回值数组 [0]是捕获出来的完整字符串片段

​ 从 [1] 开始依次是每一个小括号的单独内容捕获

const str = '我的身份证号是 : 11010820050223001x    你看对不对 ^_^'
const reg = /(\d{2})(\d{2})(\d{2})(\d{4})(\d{2})(\d{2})\d{2}(\d)(?:\d|x)/
console.log(reg.exec(str))
// ['11010820050223001x', '11', '01', '08', '2005', '02', '23', '1', index: 10, input: '我的身份证号是 : 11010820050223001x    你看对不对 ^_^', groups: undefined]

​ 正则有 g

​ 返回的数组 [0] 依旧是捕获出来的完整字符串片段

​ 但是从第二次开始, 会从第一次捕获结束位置开始检索

​ 以此类推, 直到找不到了为止, 返回 null

​ 再下一次又从字符串开始位置进行检索

const str = 'sad123hgas456jkdgj789kas111dg'
const reg = /\d{3}/g
console.log(reg.exec(str))
//['123', index: 3, input: 'sad123hgas456jkdgj789kas111dg', groups: undefined]
console.log(reg