js中replaceAll方法的实现-js教程-PHP中文网

js中replaceAll方法的实现

舞夢輝影

发布： 2025-11-05 17:45:02

原创

1010人浏览过

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 进行替换

示例代码：

js实现的方块立体时钟插件特效

一款js实现的方块立体时钟网页插件特效

查看详情

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