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参数字符结束。
  • $ 表示正则表达式结束。
相关推荐
天天鸭2 分钟前
都2025了你不会用‘容器查询’适配屏幕?,只知道媒体查询?
前端·javascript·vue.js
SRC_BLUE_174 分钟前
Python GUI 编程 | QAbstractButton 抽象按钮类详解 — 按钮状态设置
开发语言·python
双叶8365 分钟前
(C语言)双向链表(教程)(指针)(数据结构)
c语言·开发语言·数据结构·c++·链表
晓得迷路了6 分钟前
栗子前端技术周刊第 76 期 - ChatUI 3.0、Tailwind CSS v4.1、Next.js 15.3...
前端·javascript·react.js
珊瑚里的鱼14 分钟前
【双指针】专题:LeetCode 283题解——移动零
开发语言·c++·笔记·算法·leetcode·职场和发展
洛小豆18 分钟前
想不到吧,这才是浏览器扩展中关闭窗口的正确姿势!
前端·javascript·chrome
Michael.Scofield26 分钟前
vue: router基础用法
前端·javascript·vue.js
keli_Jun41 分钟前
Java常见面试问题
java·开发语言·spring boot
努力学习的小廉41 分钟前
【C++】 —— 笔试刷题day_15
开发语言·c++
好_快1 小时前
Lodash源码阅读-take
前端·javascript·源码阅读