Web APIs 第六天

• 正则表达式介绍
• 语法
• 元字符
• 修饰符

一.正则表达式介绍

① 简介

• 用来匹配字符串中字符组合的模式
• 在JavaScript中，正则表达式也是对象
• 通常用来查找，替换那些符合正则表达式的文本，许多语言都支持正则表达式

② 使用场景

• 验证表单：用户名表单只能输入英文字母，数字或者下划线
• 过滤掉页面内容中的一些敏感词，从字符串中获取我们想要的特定部分

③ 定义正则表达式语法

• /   /  是正则表达式字面量

const 变量名 = /表达式/

④ test（）方法 用来查看正则表达式与指定的字符串是否匹配

•  reg.test(被检测的字符串)
• 如果正则表达式与指定的字符串匹配，返回true, 否则返回false

⑤ exec() 方法  在一个指定字符串中执行一个搜索匹配

•   regObj.exec(被检测的字符串)
• 如果匹配成功，exec() 方法返回一个数组，否则返回null

const str = '欢迎来到魔法世界'
const reg = /魔法/
console.log(reg.exec(str))

二.元字符

① 普通字符：大多数的字符仅能够描述它们本身，这些字符称作普通字符，例如所有的字母和数字，普通字符只能够匹配字符串中与它们相同的字符

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

③ 参考文档

 ④ 分类

• 边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）, 用来提示字符所处的位置，主要有两个字符  

console.log(/哈/.test('哈'))    // 包含
console.log(/^哈/.test('哈'))   // 以'哈'开头
console.log(/^哈$/.test('哈'))  // 精确匹配，必须一模一样才能通过

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

 // 3.*匹配0次或者更多次
  console.log(/^哈*$/.test('哈哈'))
// 4. +重复1次或者更多次
  console.log(/^哈+$/.test('哈一哈哈'))
// 5. 0次或者1次
  console.log(/^哈?$/.test(''))

// 6. {n} n写几就必须出现几次
  console.log(/^哈{5}$/.test('哈哈哈'))
// 7.{n,}  大于等于n次
  console.log(/^哈{5,}$/.test('哈哈哈哈哈哈'))
// 8.{n,m} 大于等于n小于等于m 逗号左右不要有空格 
  console.log(/^哈{5,8}$/.test('哈哈哈哈哈'))

   

• 字符类（比如 \d表示 0~9）

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

console.log(/[asbc]/.test('a'))

    （2）[a-z]: 使用连字符，表示一个范围

    （3）[ ]里面加上 ^ 取反符号

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

    （5）预定义类

 三.修饰符

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

② 语法：/表达式/修饰符

• i 是单词ignore的缩写，正则匹配时字母不区分大小写
• g 是单词global的缩写，匹配所有满足正则表达式的结果

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

console.log(/a/i.test('A'));
const str = 'java是一门最好的语言,hello java'
//  g表示全局
const res = str.replace(/java/ig, 'Javascript')
console.log(res)