【Java Web学习 | 第14篇】JavaScript(8) -正则表达式

🌈
个人主页: Hygge_Code

🔥
热门专栏:从0开始学习Java | Linux学习| 计算机网络

💫
个人格言: “既然选择了远方，便不顾风雨兼程”

文章目录

• JavaScript 正则表达式详解
• • 什么是正则表达式🤔
  • JavaScript 正则表达式的定义与使用🥝
  • • 1. 字面量语法
    • 2. 常用匹配方法
    • • test() 方法🍋‍🟩
      • exec() 方法🍋‍🟩
  • 正则表达式的核心组成部分🐦‍🔥
  • • 1. 元字符
    • • 边界符
      • 量词
      • 字符类
    • 2. 修饰符
  • 简单示例🍂

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（非字母数字）

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}$/;

如果我的内容对你有帮助，请 点赞 ， 评论 ， 收藏 。创作不易，大家的支持就是我坚持下去的动力！