当前位置：首页 > JavaScript

js实现replaceall

2026-03-01 08:15:51JavaScript

实现 JavaScript 的 replaceAll 功能

在 JavaScript 中，字符串的 replace 方法默认只替换第一个匹配项。要实现替换所有匹配项的功能，可以使用以下方法：

使用正则表达式全局替换

通过正则表达式的 g 标志可以实现全局替换：

js实现replaceall

const str = "apple banana apple";
const newStr = str.replace(/apple/g, "orange");
console.log(newStr); // "orange banana orange"

使用 split 和 join 方法

这种方法不依赖正则表达式：

const str = "apple banana apple";
const newStr = str.split("apple").join("orange");
console.log(newStr); // "orange banana orange"

现代 JavaScript 的 replaceAll 方法

ES2021 引入了原生的 replaceAll 方法：

js实现replaceall

const str = "apple banana apple";
const newStr = str.replaceAll("apple", "orange");
console.log(newStr); // "orange banana orange"

自定义 polyfill 函数

如果需要在不支持 replaceAll 的环境中实现相同功能：

if (!String.prototype.replaceAll) {
    String.prototype.replaceAll = function(search, replacement) {
        return this.split(search).join(replacement);
    };
}

const str = "apple banana apple";
const newStr = str.replaceAll("apple", "orange");
console.log(newStr); // "orange banana orange"

处理特殊字符

当替换字符串中包含特殊字符时，需要先转义：

function escapeRegExp(string) {
    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

const str = "a.b.c";
const escaped = escapeRegExp(".");
const newStr = str.replace(new RegExp(escaped, 'g'), "-");
console.log(newStr); // "a-b-c"

这些方法提供了在不同环境下实现全局字符串替换的解决方案。现代浏览器推荐使用原生 replaceAll 方法，而旧环境可以使用正则表达式或自定义函数实现相同功能。