Web APIs笔记07——正则表达式

正则表达式

介绍

  • 正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象
  • 通常用来查找、替换那些符合正则表达式的文本,许多语言都支持正则表达式。
  • 正则表达式在 JavaScript中的使用场景:
    ➢例如验证表单:用户名表单只能输入英文字母、数字或者下划线,昵称输入框中可以输入中文**(匹配)**
    ➢比如用户名: /^[a-z0-9_-]{3,16}$/
    ➢过滤掉页面内容中的一些敏感词**(替换),或从字符串中获取我们想要的特定部分(提取)**等。
    Web APIs笔记07——正则表达式_第1张图片

语法

定义正则表达式语法

  • 语法: let变量名= /表达式/
  • 其中 / / 是正则表达式字面量
  • 比如:let reg = /前端/

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

  • test() 方法 用来查看正则表达式与指定的字符串是否匹配
  • 语法:regObj.test(被检测的字符串)
  • 比如:
<script>
      let str='IT培训,前端开发培训,web前端培训,,软件测试培训,产品经理培训'
      let reg=/前端/
      let re = reg.test(str)
      console.log(re) // true
script>
  • 如果正则表达式与指定的字符串匹配 ,返回true,否则false

检索(查找)符合规则的字符串

  • exec() 方法 在一个指定字符串中执行一个搜索匹配
  • 语法:regObj.exec(被检测字符串)
  • 比如:
<script>
      let str='IT培训,前端开发培训,web前端培训,软件测试培训,产品经理培训'
      let reg = /前端/
      let re = reg.exec(str)
      console.log(re) //返回的是个数组
script>
  • 如果匹配成功,exec() 方法返回一个数组,否则返回null

元字符

  • 普通字符:大多数的字符仅能够描述它们本身,这些字符称作普通字符,例如所有的字母和数字。
    也就是说普通字符只能够匹配字符串中与它们相同的字符。
  • 元字符(特殊字符):是一些具有特殊含义的字符,可以极大提高了灵活性和强大的匹配功能。
    ➢比如,规定用户只能输入英文26个英文字母,普通字符的话abcdefghijklm…
    ➢但是换成元字符写法: [a-z]

边界符(表示位置,开头和结尾,必须用什么开头,用什么结尾)

  • 边界符:正则表达式中的边界符(位置符)用来提示字符所处的位置,主要有两个字符
边界符 说明
^ 表示匹配行首的文本(以谁开始)
$ 表示匹配行尾的文本(以谁结束)
  • 如果 ^ 和 $ 在一起,表示必须是精确匹配。
  • 正则表达式中的边界符(位置符)用来提示字符所处的位置,主要有两个字符
<script>
      console.log(//.test('哈')) // true
      console.log(/二哈/.test('二哈')) // true
      console.log(/二哈/.test('很二哈哈')) // true
      
      //^开头
      console.log(/^二哈/.test('很二哈哈'

你可能感兴趣的:(JavaScript,正则表达式,前端)