插件窝 干货文章 JavaScript正则表达式完整指南:语法、功能与应用实例

JavaScript正则表达式完整指南:语法、功能与应用实例

JavaScript正则表达式完整指南

一、正则表达式基础概念

正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式,在JavaScript中通过RegExp对象实现。主要应用于:

  • 表单验证
  • 字符串搜索替换
  • 数据提取与清洗
  • 语法高亮等文本处理

二、创建正则表达式的两种方式

1. 字面量语法

const regex = /pattern/flags;

2. 构造函数语法

const regex = new RegExp('pattern', 'flags');

三、常用元字符与语法

元字符说明
\d匹配数字
\w匹配字母数字下划线
\s匹配空白符
.匹配任意字符(除换行)
^匹配字符串开始
$匹配字符串结束

四、常用匹配模式

1. 量词匹配

  • * : 0次或多次
  • + : 1次或多次
  • ? : 0次或1次
  • {n} : 恰好n次
  • {n,} : 至少n次

2. 字符集合

[abc]  匹配a、b或c
[^abc] 匹配非a、b、c的字符
[a-z]  匹配a到z范围内的字符

五、正则表达式常用方法

1. test()方法

const regex = /hello/;
regex.test('hello world'); // true

2. exec()方法

const regex = /\d+/g;
regex.exec('2023 year'); // ['2023']

3. 字符串方法配合使用

  • match()
  • search()
  • replace()
  • split()

六、实用案例

1. 邮箱验证

const emailRegex = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;

2. URL提取

const urlRegex = /https?:\/\/[\w\-\.]+(\/[\w\-\.]*)*/g;

掌握JavaScript正则表达式能极大提升文本处理效率,建议通过实际项目练习巩固这些知识。