正则表达式

前端菜市场
97 阅读3分钟

语法

定义正则表达式语法：

const 变量名  = /表达式/

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

比如：

const reg = /前端/

判断是否有符合规则的字符串

test()用来查案正则表达式与指定的字符串是否有匹配

语法：

const str = "..."
const reg = /前端/
// 检测方法
console.log(reg.test(str))

3.检索（查找）符合规则的字符串：

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

如果匹配成功，返回一个数组，否则返回null

const str = "..."
const reg = /前端/
// 检测方法
console.log(reg.exec(str)) // 返回的是数组

元字符

  • 普通字符:

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

  • 元字符(特殊字符）

    • 是一些具有特殊含义的字符，可以极大提高了灵活性和强大的匹配功能。
    • 比如，规定用户只能输入英文26个英文字母，普通字符的话 abcdefghijklm…..
    • 但是换成元字符写法： [a-z]

  • 参考文档：

边界符

表示位置，开头和结尾，必须用什么开头，用什么结尾

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

image.png

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

console.log(/哈/.test('哈')) // true
console.log(/哈/.test('哈哈')) // true
console.log(/哈/.test('二哈')) // true

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

量词

表示重复次数

image.png

注意：逗号左右两侧千万不要出现空格

// 量词 * 类似 >=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

//  量词 + 类似 >=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('哈'))    // false
console.log(/^哈{4}$/.test('哈哈'))    // false
console.log(/^哈{4}$/.test('哈哈哈'))    // false
console.log(/^哈{4}$/.test('哈哈哈哈'))    // true
console.log(/^哈{4}$/.test('哈哈哈哈哈'))    // false
console.log(/^哈{4}$/.test('哈哈哈哈哈哈'))    // false

// 量词 {n,m}  逗号左右两侧千万不能有空格    >=n && <= m
console.log(/^哈{4,6}$/.test('哈'))     // false
console.log(/^哈{4,6}$/.test('哈哈'))     // false
console.log(/^哈{4,6}$/.test('哈哈哈'))     // false
console.log(/^哈{4,6}$/.test('哈哈哈哈'))     // true
console.log(/^哈{4,6}$/.test('哈哈哈哈哈'))     // true
console.log(/^哈{4,6}$/.test('哈哈哈哈哈哈'))     // true
console.log(/^哈{4,6}$/.test('哈哈哈哈哈哈哈'))     // false

字符类

比如 \d 表示 0~9

  1. [] 匹配字符集合

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

// 字符类   [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
  1. [] 里面加上 - 连字符

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

// 字符类   [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

//腾讯QQ号：`/^[1-9][0-9]{4,}/` 
// 1-9开头，后面数字是0-9，并且是4位或4位以上
//（腾讯qq号从10000开始）
  1. [] 里面加上 ^ 取反符号

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

  1. . 匹配除换行符之外的任何单个字符

  2. 预定义

指的是 某些常见模式的简写方式。

image.png

修饰符

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

语法：/表达式/修饰符

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

console.log(/^java$/.test('java'))  //true
console.log(/^java$/i.test('JAVA'))  //true
console.log(/^java$/i.test('Java'))   //true

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

replace 替换

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

avatar
文章
阅读
粉丝