登录
首页 >  文章 >  前端

JavaScript正则表达式使用教程

时间:2026-01-13 20:18:44 192浏览 收藏

IT行业相对于一般传统行业,发展更新速度更快,一旦停止了学习,很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习,精进自己的技术,尤其是初学者。今天golang学习网给大家整理了《JavaScript正则表达式怎么用?文本匹配与替换教程》,聊聊,我们一起来看看吧!

JavaScript正则表达式可通过字面量(如/\d{3}-\d{4}/)或RegExp构造函数创建,需正确编写模式与标志(g/i/m/s),并配合test()、match()、exec()匹配及replace()替换文本。

javascript正则表达式怎么写_如何匹配和替换文本

JavaScript 正则表达式用 RegExp 对象或字面量(如 /pattern/flags)创建,核心是写对模式(pattern)和选对标志(flags),再配合字符串方法完成匹配与替换。

基础写法:字面量 vs 构造函数

两种方式都能创建正则对象,但适用场景不同:

  • 字面量:/\d{3}-\d{4}/ —— 模式固定、无变量时更简洁,性能略好
  • 构造函数:new RegExp('\\d{3}-\\d{4}') —— 模式含变量或动态拼接时必须用,注意反斜杠要双写(字符串转义)

常用标志(flags)怎么选

标志决定匹配行为,常组合使用:

  • g:全局匹配(不加只找第一个)
  • i:忽略大小写(如 /hello/i 匹配 "Hello"
  • m:多行模式(让 ^$ 匹配每行起止)
  • s(ES2018+):点号 . 匹配换行符(默认不匹配)

匹配文本:用 test()、match()、exec()

根据需求选方法:

  • reg.test(str):返回 true/false,适合条件判断(如表单校验)
  • str.match(reg):返回匹配数组(含 indexinput 等属性),全局时返回所有匹配项;无匹配返回 null
  • reg.exec(str):返回单个匹配结果(含捕获组),配合 g 标志可循环调用获取全部(适合需逐个处理的场景)

替换文本:replace() 的关键细节

str.replace(reg, replacement) 是主力方法,replacement 可以是字符串或函数:

  • 字符串中可用特殊符号:$1 表示第一个捕获组,$& 表示整个匹配,$$ 表示一个 $
  • 用函数更灵活:如 str.replace(/(\w+)/g, (match, p1) => p1.toUpperCase()),参数依次为完整匹配、捕获组、索引、原字符串
  • 注意:不加 g 标志只替换第一个;想全替换必须带 g

不复杂但容易忽略。

以上就是《JavaScript正则表达式使用教程》的详细内容,更多关于的资料请关注golang学习网公众号!

前往漫画官网入口并下载 ➜
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>