插件窝 干货文章 JS正则表达式详解:语法、元字符、修饰符全解析

JS正则表达式详解:语法、元字符、修饰符全解析

JS正则表达式完全指南

正则表达式是JavaScript中处理字符串的强大工具,本文将全面解析JS正则表达式的核心要素和使用方法。

一、JS正则表达式基础语法

在JavaScript中,正则表达式有两种创建方式:

  1. 字面量形式:/pattern/flags
  2. 构造函数形式:new RegExp('pattern', 'flags')

二、核心元字符详解

1. 基本元字符

  • . 匹配除换行符外的任意字符
  • \d 匹配数字,等价于[0-9]
  • \w 匹配单词字符,包括字母、数字和下划线
  • \s 匹配空白字符

2. 定位符

  • ^ 匹配字符串开始
  • $ 匹配字符串结束
  • \b 匹配单词边界

3. 量词

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

三、正则表达式修饰符

  • i 不区分大小写匹配
  • g 全局匹配
  • m 多行匹配
  • s 允许.匹配换行符
  • u 使用Unicode模式
  • y 粘性匹配

四、分组与捕获

使用圆括号()可以创建捕获组:

  • (exp) 匹配exp并捕获
  • (?:exp) 匹配exp但不捕获
  • (?exp) 命名捕获组

五、常用正则表达式示例

  1. 邮箱验证:/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/
  2. 手机号验证:/^1[3-9]\d{9}$/
  3. URL提取:/https?:\/\/[\w\-]+(\.[\w\-]+)+/

掌握这些正则表达式知识,可以大幅提升JavaScript中的字符串处理能力。建议结合实际案例多加练习,逐步掌握正则表达式的精髓。