js中的正则表达式简述

JavaScript中的正则表达式简述

正则表达式是一种强大的文本处理工具,它可以帮助我们在JavaScript中进行复杂的文本匹配、搜索和替换操作。博主在下面介绍一些基本的正则表达式语法:

当然这些语法不止适用于js,因为各种语言下的正则语法基本是相同的

常用字符匹配

  • .:匹配除换行符以外的任意单个字符。
  • \d:匹配任意一个数字,等价于[0-9]
  • \w:匹配任意一个字母或数字或下划线,等价于[A-Za-z0-9_]
  • \s:匹配任意一个空白字符,包括空格、制表符、换行符等。

常用量词

  • *:匹配前面的子表达式零次或多次。
  • +:匹配前面的子表达式一次或多次。
  • ?:匹配前面的子表达式不存在或出现一次。
  • {n}:匹配n次。
  • {n,}:至少匹配n次。
  • {n,m}:最少匹配n次且最多匹配m次。

分组和引用

  • ():标记一个子表达式的开始和结束位置。
  • |:表示或,匹配两个或多个分支选择。

转义特殊字符

  • \:将下一个字符标记为特殊字符、或原义字符、或向后引用、或八进制转义符。
    例如当你需要匹配?,\,*等字符时,由于他们会被识别为量词或其他语法中的字符,需要通过\进行转义。

简单的正则案例

javascript 复制代码
// 匹配邮箱地址
var regex = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;

解释:

  • ^表示正则表达式开始。
  • [a-z0-9_\.-]+ 匹配一个或多个字母、数字、下划线、点或破折号。
  • @ 字面意义上的"@"字符。
  • [\da-z\.-]+ 匹配一个或多个数字、字母、点或破折号。
  • \.点字符,由于点在正则表达式中是一个特殊字符,所以需要使用反斜杠进行转义。
  • [a-z\.]{2,6} 匹配2到6个字母或点,代表顶级域名。
  • $表示正则表达式结束。
javascript 复制代码
// 匹配手机号码
var regex = /^1[3-9]\d{9}$/;

解释:

  • ^ 表示正则表达式开始。
  • 1 手机号码以数字1开头。
  • [3-9] 紧接着的数字是3到9之间的任意一个数字。
  • \d{9} 匹配9个数字,\d是数字的简写。
  • $ 表示正则表达式结束。
javascript 复制代码
// 匹配网址
var regex = /^(https?):\/\/(www\.)?[\w-]+(\.[\w-]+)+([\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?$/;

解释:

  • ^ 表示正则表达式开始。
  • https? 匹配"http"或"https"。
  • :\/\/ 匹配"😕/",由于斜杠是特殊字符,所以需要使用两个斜杠进行转义。
  • (www\.)? 可选的"www."。
  • [\w-]+ 匹配一个或多个字母、数字、下划线或破折号。
  • (\.[\w-]+)+ 匹配一个或多个点后跟一个或多个字母、数字、下划线或破折号,表示域名。
  • ([\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])? 可选的查询字符串,匹配0个或多个URL参数字符,以URL参数字符结束。
  • $ 表示正则表达式结束。
相关推荐
专业抄代码选手几秒前
06|双缓冲与 Commit:让 Fiber 支持第二次渲染
前端·javascript·react.js
天才熊猫君6 分钟前
通用虚拟滚动表格行拖拽排序:从思路到完整实现
前端·javascript
xiaominlaopodaren10 分钟前
three.js最小地图运行时(九):TileKey 线框与 cursor 坐标探针
javascript·gis·three.js
CarIise11 分钟前
JavaScript进阶与轮播图实现 课堂笔记
开发语言·javascript·笔记
专业抄代码选手12 分钟前
05|把递归渲染拆成 Fiber:让一棵大树可以暂停
前端·javascript·react.js
mayaairi16 分钟前
JS DOM节点操作完全指南:增删改查与性能优化
开发语言·javascript·性能优化
Demon--hx17 分钟前
多态实现原理
开发语言·c++
天才熊猫君18 分钟前
Vue 3 插槽机制深度解析:两条线与三层树
前端·javascript
wanglei20070820 分钟前
消息队列的协作模式
开发语言·python
李溪白23 分钟前
事件循环(Event Loop):JavaScript 里的“时间管理大师”与“插队狂魔”
javascript