首页 > 文章 > 前端

JS中如何实现replace全部方法

时间：2025-11-23 08:49:29 224浏览收藏

文章小白一枚，正在不断学习积累知识，现将学习到的知识记录一下，也是将我的所得分享给大家！而今天这篇文章《JS中如何实现replaceAll方法》带大家来了解一下##content_title##，希望对大家的知识积累有所帮助，从而弥补自己的不足，助力实战开发！

JavaScript中的replaceAll方法用于替换字符串中所有匹配项，原生支持ES2021及以上版本，如'hello world hello'.replaceAll('hello', 'hi')返回"hi world hi"；对于不支持环境，可通过转义特殊字符并结合正则全局替换实现polyfill，需注意输入类型检查及避免直接使用未转义字符串作为正则。

js中replaceAll方法的实现

JavaScript 中的 replaceAll 方法用于将字符串中所有匹配的子串替换为指定内容。在较新的 JavaScript 版本（ES2021）中，String.prototype.replaceAll 已被原生支持。但如果你需要在不支持该方法的环境中使用，可以手动实现。

原生 replaceAll 方法

原生方法可以直接替换所有匹配项：

'hello world hello'.replaceAll('hello', 'hi') 返回 "hi world hi"

注意：它不能直接处理正则表达式，如果传入字符串类型的第一个参数，会自动转义特殊字符。

兼容性实现（Polyfill）

在不支持 replaceAll 的环境中，可以通过以下方式模拟实现：

使用 String.prototype.replace 配合正则表达式全局替换：

将要查找的字符串转义，避免被误认为正则特殊字符
构造带有全局标志（g）的正则表达式
用 replace 进行替换

示例代码：

function replaceAll(str, find, replacement) { // 转义字符串中的正则特殊字符 const escapedFind = find.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); return str.replace(new RegExp(escaped7Find, 'g'), replacement); }

更简洁的现代写法（推荐）

如果你确定 find 是字符串，可以直接这样做：

str.replace(new RegExp(find.replace(/[\\^$*+?.()|[\]{}]/g, '\\$&'), 'g'), replacement)

这个表达式先对查找字符串进行正则转义，再创建全局正则对象进行替换。

使用注意事项

手动实现时需注意：

不要直接将字符串作为正则使用，否则遇到 . * + 等字符会出错
原生 replaceAll 不接受正则作为第一个参数，自定义实现可根据需求调整
考虑 null 或 undefined 输入情况，做好类型检查

基本上就这些，现代浏览器已普遍支持原生 replaceAll，老环境可用 polyfill 方案平滑过渡。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JS中如何实现replace全部方法》文章吧，也可关注golang学习网公众号了解相关技术文章。