0

0

如何操作正则表达式_JavaScript中正则表达式的基本语法是什么

紅蓮之龍

紅蓮之龍

发布时间:2026-01-04 21:24:01

|

104人浏览过

|

来源于php中文网

原创

优先用字面量(如/^\d{3}-\d{4}$/),性能好;需动态拼接变量或控制flag时用构造函数(如new RegExp(keyword, "i")),注意反斜杠需双写。^、$默认匹配行首行尾,\b不支持中文词边界。

如何操作正则表达式_javascript中正则表达式的基本语法是什么

正则表达式字面量和构造函数怎么选

JavaScript 中创建正则表达式有两种方式:/pattern/flags 字面量,或 new RegExp(pattern, flags) 构造函数。字面量更常用、性能更好,但无法动态拼接;构造函数适合 pattern 来自变量或用户输入的场景。

常见踩坑点:用构造函数时,反斜杠要双写——因为字符串本身会先解析一次转义。比如想匹配 \d+,得写成 new RegExp("\\d+", "g"),否则 "\d+" 会被当作非法转义而报错。

  • 固定规则、无变量 → 优先用字面量:/^\d{3}-\d{4}$/
  • 需要拼接变量(如搜索关键词)→ 必须用构造函数:new RegExp(keyword.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "i")
  • flag 动态控制(如是否忽略大小写)→ 构造函数更灵活:new RegExp(pattern, ignoreCase ? "i" : "")

常用元字符和边界符的实际含义

很多初学者把 ^$ 理解成“开头”“结尾”,但它们实际匹配的是「行首」和「行尾」,不是整个字符串首尾——除非开启 m(multiline)标志。默认情况下,/^abc$/ 只能匹配纯字符串 "abc",不能匹配 "\nabc\n" 中的 abc

\b 是单词边界,但它只认 ASCII 字母、数字和下划线,对中文、emoji 或带连字符的单词(如 user-name)无效。想匹配中文词边界?得自己定义,比如用 (?。

立即学习Java免费学习笔记(深入)”;

UNIX技术手册 Unix in a Nutshell, 4th Edition 英文PDF文字版
UNIX技术手册 Unix in a Nutshell, 4th Edition 英文PDF文字版

Unix in a Nutshell同时涵盖了许多重要的、业界标准的开放源码工具 本书还完整地讨论了常用的shell(bash、ksh及tcsh)和重要元素如正则表达式,乃至旧式工具如sed、awk与vi。 Unix不是一个庞大的物体:它是一个综合体,而《Unix技术手册》则是将这一切合并在一起的一本书。 到底unix是什么?原始的unix源码是由sco拥有,unix注册商标是由open group拥有,而领先的仿unix系统则是gnu/linux、mac os x及solaris。这些版本所附的命令与选

下载
  • \d 等价于 [0-9],不匹配全角数字或带逗号的数字(如 "1,234"
  • . 默认不匹配换行符,要匹配所有字符需加 s 标志(ES2018+):/a.b/s 才能匹配 "a\nb"
  • \s 包含空格、\t\n\r\f\u00A0(NBSP),但不含 Unicode 分隔符如 \u2000\u200F

test()exec()match() 的行为差异

这三个方法看着都“用来匹配”,但返回值和副作用完全不同:test() 最轻量,只返回布尔值;exec() 返回详细匹配结果(含 indexgroups),且对全局正则(带 g)会维护 lastIndex 状态;match() 是字符串方法,返回数组或 null,但对非全局正则会忽略捕获组之外的信息。

最易被忽略的问题:全局正则对象在多次调用 exec() 时会“记住位置”。如果没重置 lastIndex = 0 或重新创建正则,第二次调用可能直接从上次结束处继续,导致漏匹配或死循环。

  • 只关心“是否匹配” → 用 regex.test(str),安全、快
  • 要取捕获组或匹配位置 → 用 regex.exec(str),注意 lastIndex 影响
  • 想一次性拿到所有匹配项 → str.match(regex),但注意:不带 g 时返回的数组含 groups,带 g 时反而丢掉捕获组

替换操作中 $1$& 这些符号怎么用

replace() 的第二个参数支持字符串模板语法,其中 $1 表示第一个捕获组内容,$& 是整个匹配串,$` 是匹配前的内容,$' 是匹配后的内容。这些不是变量,是字面替换符号,不能参与计算或条件判断。

如果要用逻辑处理替换内容,必须传入函数作为第二个参数。函数接收匹配项、各捕获组、索引、原字符串等参数,返回最终替换字符串。例如把所有数字加 1:

str.replace(/(\d+)/g, (match, p1) => parseInt(p1, 10) + 1)

  • 简单静态替换(如把 "cat" 换成 "dog")→ 直接用字符串:str.replace(/cat/g, "dog")
  • 依赖捕获组做模板替换(如交换日期格式 "2023-04-01""01/04/2023")→ 用 $1/$2str.replace(/(\d{4})-(\d{2})-(\d{2})/, "$3/$2/$1")
  • 需要运行 JS 逻辑(如大小写转换、查表、异步处理)→ 必须用函数回调,别硬套 $ 符号
正则的复杂性不在语法多,而在不同方法间状态共享、不同 flag 对边界语义的改变、以及字符串预处理(如反斜杠转义)带来的双重解析层。写完一个正则,务必用真实数据(尤其是边界 case:空字符串、换行符、Unicode、特殊符号)验证行为,而不是只靠测试用例里的理想输入。

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

548

2023.06.20

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

373

2023.07.04

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

730

2023.07.04

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

475

2023.09.01

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

394

2023.09.04

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

990

2023.09.04

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

656

2023.09.12

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

551

2023.09.20

c++主流开发框架汇总
c++主流开发框架汇总

本专题整合了c++开发框架推荐,阅读专题下面的文章了解更多详细内容。

3

2026.01.09

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.5万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.1万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号