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参数字符结束。
  • $ 表示正则表达式结束。
相关推荐
万少11 小时前
万少的博客 - 技术分享与解决方案
前端·javascript·后端
尘世中一位迷途小书童14 小时前
用 Cesium 撸了一个森林火情监控大屏,弧线、粒子、发光效果都齐了
前端·javascript
先吃饱再说15 小时前
JavaScript中`this` 的“千层套路”:从默认绑定到箭头函数的五种指向
javascript
foxire15 小时前
基于nodejs实现服务端内核引擎
javascript
触底反弹18 小时前
🧠 搞懂 Token,才算真正入门大模型——从分词原理到 Embedding 语义实战
javascript·人工智能·算法
free3518 小时前
AST Interpreter 的设计:为什么分 evaluate() 和 execute()
javascript
等咸鱼的狸猫19 小时前
JavaScript 隐式类型转换:从入门到精通
javascript
kyriewen21 小时前
我用 Codex 重写了同事维护三年的代码,他没说谢谢——而是找了领导
前端·javascript·ai编程
铁皮饭盒21 小时前
S3已成为文件存储标准,阿里/腾讯/华为云都支持,Bun率先原生支持
前端·javascript·后端
Cobyte21 小时前
22.Vue Vapor 组件 props 的实现
前端·javascript·vue.js