【Java Web学习 | 第14篇】JavaScript(8) -正则表达式
🌈个人主页: Hygge_Code🔥热门专栏:从0开始学习Java | Linux学习| 计算机网络💫个人格言: “既然选择了远方，便不顾风雨兼程”
文章目录
JavaScript 正则表达式详解
正则表达式是处理字符串的强大工具，在 JavaScript 中被广泛应用于表单验证、文本处理和数据提取等场景。本文将从正则表达式的基本概念出发，详细介绍其语法规则和实际应用方法。
什么是正则表达式🤔
正则表达式是用于匹配字符串中字符组合的模式，在 JavaScript 中以对象形式存在。它主要用于：
- 验证表单输入（如限制只能输入特定字符）
- 过滤文本中的敏感词
- 从字符串中提取特定信息
JavaScript 正则表达式的定义与使用🥝
在 JavaScript 中，定义正则表达式有两种方式：
1. 字面量语法
const 规则变量名 =/表达式/;2. 常用匹配方法
test() 方法🍋🟩
用于检测字符串是否符合正则表达式规则，返回布尔值：
const find =/前端/;const str ="我们在学习前端，希望突击前端赶大项目的进度"; console.log(find.test(str));// true（字符串中包含"前端"）exec() 方法🍋🟩
在字符串中执行匹配搜索，返回匹配结果数组或 null：
console.log(find.exec(str));// 返回包含"前端"的数组正则表达式的核心组成部分🐦🔥
1. 元字符
元字符是具有特殊含义的字符，可分为以下几类：
边界符
用于指定字符的位置：
^：表示匹配行首的文本（以指定字符开始）$：表示匹配行尾的文本（以指定字符结束）
当 ^ 和 $ 一起使用时，表示精确匹配：
console.log(/^哈$/.test("哈"));// true（精确匹配单个"哈"） console.log(/^哈$/.test("哈哈"));// false（不是单个"哈"）量词
用于指定字符出现的次数：
*：重复 0 次或更多次+：重复 1 次或更多次?：重复 0 次或 1 次{n}：重复 n 次{n,}：重复 n 次或更多次{n,m}：重复 n 到 m 次（注意逗号两侧不能有空格）
示例：
console.log(/^哈{2}$/.test("哈哈"));// true（正好出现2次） console.log(/^哈{2,4}$/.test("哈哈哈哈"));// true（出现4次，在2-4范围内） console.log(/^哈{2,}$/.test("哈哈哈哈"));// true（出现4次，不少于2次）字符类
用于匹配一类字符：
[]：匹配字符集合中的任意一个字符
console.log(/[abc]/.test("andy"));// true（包含"a"） console.log(/[abc]/.test("die"));// false（不包含a、b、c中任何一个）- 连字符
-：表示一个范围
console.log(/^[a-z]$/.test("p"));// true（小写字母） console.log(/^[A-Z]$/.test("B"));// true（大写字母） console.log(/^[0-9]$/.test("2"));// true（数字）- 取反符号
^：在[]内使用，表示匹配除指定字符外的任意字符
console.log(/^[^a-zA-Z0-9]$/.test("!"));// true（非字母数字）- 预定义字符类：常见模式的简写
\d：匹配 0-9 之间的任意数字（相当于[0-9]）\D：匹配非数字（相当于[^0-9]）\w：匹配字母、数字和下划线（相当于[A-Za-z0-9_]）\W：匹配非字母、数字和下划线\s：匹配空格（包括换行符、制表符等）\S：匹配非空格字符
2. 修饰符
修饰符用于约束正则表达式的执行行为：
i：忽略大小写（ignore）g：全局匹配（global）
示例：
// 忽略大小写 console.log(/a/i.test("A"));// true console.log(/^java$/i.test("JAVA"));// true// 全局替换const str2 ="我草,整个沧南市都因林七夜一人而存在,我草";const ret2 = str2.replace(/我草/g,"**");// 替换所有匹配项 console.log(ret2);// "**,整个沧南市都因林七夜一人而存在,**"简单示例🍂
表单验证：
// 验证QQ号（从10000开始）const qqReg =/^[1-9][0-9]{4,}$/;// 验证日期格式（yyyy-mm-dd）const dateReg =/^\d{4}-\d{1,2}-\d{1,2}$/;如果我的内容对你有帮助，请 点赞 ， 评论 ， 收藏 。创作不易，大家的支持就是我坚持下去的动力！
![[特殊字符]颠覆MCP！Open WebUI新技术mcpo横空出世！支持ollama！轻松支持各种MCP Server！Cline+Claude3.7轻松开发论文检索MCP Server！](https://qiniu.meowparty.cn/coder.2023/2026-03-15/cover_1773580425115_f510eca35cdf4772ab987ff1e7151aa7.png)
