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参数字符结束。
  • $ 表示正则表达式结束。
相关推荐
软件技术NINI8 小时前
js趣味游戏 贪吃蛇
javascript
@菜菜_达8 小时前
后端post请求返回页面,在另一个项目中请求过来会出现的问题
javascript
陆康永8 小时前
弹窗分页保留其他页面勾选的数据(vue)
前端·javascript·vue.js
max5006009 小时前
OpenSTL PredRNNv2 模型复现与自定义数据集训练
开发语言·人工智能·python·深度学习·算法
Run Freely9379 小时前
Ajax-day2(图书管理)-弹框显示和隐藏
前端·javascript·ajax
Pocker_Spades_A9 小时前
Python快速入门专业版(二十八):函数参数进阶:默认参数与可变参数(*args/**kwargs)
开发语言·python
GDAL9 小时前
Knockout.js Virtual Elements 详解
前端·javascript·knockout
努力努力再努力wz9 小时前
【c++进阶系列】:map和set的模拟实现(附模拟实现的源码)
java·linux·运维·开发语言·c++
百思可瑞教育10 小时前
Vue.config.js中的Webpack配置、优化及多页面应用开发
前端·javascript·vue.js·webpack·uni-app·北京百思教育
Cloud Traveler10 小时前
8.FC平台模块梳理
java·linux·开发语言