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参数字符结束。
  • $ 表示正则表达式结束。
相关推荐
凡人叶枫3 分钟前
C++中智能指针详解(Linux实战版)| 彻底解决内存泄漏,新手也能吃透
java·linux·c语言·开发语言·c++·嵌入式开发
Tony Bai4 分钟前
再见,丑陋的 container/heap!Go 泛型堆 heap/v2 提案解析
开发语言·后端·golang
发现一只大呆瓜11 分钟前
虚拟列表:支持“向上加载”的历史消息(Vue 3 & React 双版本)
前端·javascript·面试
小糯米60124 分钟前
C++顺序表和vector
开发语言·c++·算法
froginwe1130 分钟前
JavaScript 函数调用
开发语言
阔皮大师34 分钟前
INote轻量文本编辑器
java·javascript·python·c#
lbb 小魔仙34 分钟前
【HarmonyOS实战】React Native 表单实战:自定义 useReactHookForm 高性能验证
javascript·react native·react.js
独望漫天星辰35 分钟前
C++ 多态深度解析:从语法规则到底层实现(附实战验证代码)
开发语言·c++
_codemonster35 分钟前
Vue的三种使用方式对比
前端·javascript·vue.js
无小道1 小时前
Qt——事件简单介绍
开发语言·前端·qt