JavaScript字符串替换技巧详解

在IT行业这个发展更新速度很快的行业，只有不停止的学习，才不会被行业所淘汰。如果你是文章学习者，那么本文《JavaScript字符串_replace高级技巧解析》就很适合你！本篇内容主要包括##content_title##，希望对大家的知识积累有所帮助，助力实战开发！

JavaScript 的 replace() 方法支持正则表达式、函数回调、全局匹配和捕获组，第二个参数可为字符串（含$1等引用）或动态函数，返回新字符串且不修改原串。

JavaScript 中 replace() 不只是简单替换，它支持正则表达式、函数回调、全局匹配和捕获组，是处理字符串逻辑的利器。关键在于理解它的第二个参数可以是字符串、带特殊符号的字符串，也可以是函数。

用正则实现全局替换（别只用 string.replace('a', 'b')）

普通字符串替换只改第一个匹配项，想全部替换必须用正则 + g 标志：

• 'hello world hello'.replace(/hello/g, 'hi') → "hi world hi"
• 忽略大小写加 i：/HELLO/gi
• 只替换开头的：/^hello/g

用 $ 符号引用捕获组（$1、$2…）

正则中用括号 () 捕获内容后，可在替换字符串里用 $1、$2 引用对应分组：

• '2023-04-15'.replace(/(\d{4})-(\d{2})-(\d{2})/, '$2/$3/$1') → "04/15/2023"
• $& 表示整个匹配内容，$` 是匹配前的字符串，$' 是匹配后的字符串

用函数动态生成替换内容（最灵活的方式）

第二个参数传函数时，函数接收多个参数：匹配字符串、各捕获组、匹配索引、原字符串。返回值即为替换结果：

• 'price: $19.99, tax: $2.50'.replace(/\$(\d+\.\d+)/g, (match, dollars) => `$${(Number(dollars) * 1.1).toFixed(2)}`)
  → "price: $21.99, tax: $2.75"
• 函数内可做条件判断、调用 API、格式化时间等任意逻辑

注意点：replace 不修改原字符串，且只对字符串生效

replace() 总是返回新字符串，原字符串不变；如果传入非字符串类型（如数字、null），会先转成字符串再处理：

• (123).toString().replace('2', 'X') → "1X3"（不能直接 123.replace(...)）
• null.replace(/./g, 'x') 报错，需先转字符串：String(null).replace(...)

基本上就这些——掌握正则、捕获组和回调函数这三块，replace 就从“找替身”变成“文本处理器”了。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~