正则表达式

原创已于 2024-12-28 18:11:40 修改 · 323 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式

于 2024-12-27 20:50:47 首次发布

1.定义

2.使用场景

3.使用方法

基本分两步

1.定义正则表达式

2.检测查找是否匹配

检测方法

1.text（）方法更常用

示例

<script>
    //定义要被检测的字符串
    const str = '学习前端'
    // 使用正则表达式来检测
    // 1.定义规则
    const reg = /前端/ 
    // 返回true
    
    // 2.检测是否匹配 匹配返回true 不匹配返回false
    console.log(reg.test(str))
  </script>

2.exec()方法

返回的是一个数组，index是匹配到的所在位置，从0开始

示例

// exec()方法 返回的是一个数组，index是匹配到的所在位置，从0开始
    console.log(reg.exec(str))

3.元字符

1.含义

2.边界符

精确匹配只允许有一个字符

示例

 <script>
    console.log(/哈/.test('哈'))
    // ^表示必须以这个字符开头
    console.log(/^哈/.test('哈'))
    console.log(/^哈/.test('哈哈'))
    console.log(/^哈/.test('二哈'))
    // $表示必须以这个字符为结尾
    console.log(/哈$/.test('二哈'))
    console.log(/哈$/.test('哈呢'))
    // 两个同时使用表示精确匹配
    console.log(/^哈$/.test('哈')) //精确匹配时只有这一种情况是正确的
    console.log(/^哈$/.test('哈呢'))
  </script>

3.量词

逗号左右两边千万不能有空格

示例

console.log(/^哈*$/.test('哈'))
    console.log(/^哈+$/.test('哈'))
    console.log(/^哈?$/.test('哈'))

console.log(/^哈*$/.test('哈'))
    console.log(/^哈+$/.test('哈'))
    console.log(/^哈?$/.test('哈'))
    //只有出现4次时是正确的
    console.log(/^哈{4}$/.test('哈'))
    console.log(/^哈{4}$/.test('哈哈哈哈'))
    // 允许出现4次及以上
    console.log(/^哈{4,}$/.test('哈哈哈哈哈哈哈'))
    //只有出现4次到6次是正确的
    console.log(/^哈{4,6}$/.test('哈哈哈哈哈哈哈'))
    console.log(/^哈{4,6}$/.test('哈哈哈哈哈哈'))

4.字符类

1.[]

示例

// []只要包含其中一个就是true
    console.log(/[abc]/.test('a'))
    console.log(/[abc]/.test('abcs'))
    // 精确匹配就只能出现a,b,c中一个
    console.log(/^[abc]$/.test('a')) //true
    console.log(/^[abc]$/.test('ab')) //false
    console.log(/^[abc]$/.test('b')) //true

2.和-连用

示例

 console.log(/^[a-zA-Z0-9]$/.test('b')) //true
    console.log(/^[a-zA-Z0-9]$/.test(1)) //true
    console.log(/^[a-zA-Z0-9]$/.test('A')) //true

3.取反^

4.除换行符.

5.预定义类

6.修饰符

i 不区分大小写

g 匹配全局

replace 替换

示例

<script>
    console.log(/^java$/.test('java'))
    console.log(/^java$/.test('JAVA'))
    // 使用i匹配时不区分大小写
    console.log(/^java$/i.test('JAVA'))
    const str = 'java是一门编程语言,JAVA还不错'
    // 替换 使用g可以匹配全局，替换多个，使用i则可以匹配到大写和小写
    const re = str.replace(/java/gi, '前端')
    console.log(re)
  </script>