当前位置:首页 > JavaScript

js 实现replaceall

2026-02-01 17:49:46JavaScript

在 JavaScript 中,replace 方法默认只会替换第一个匹配项。要实现 replaceAll 功能,可以使用以下方法:

使用正则表达式全局替换

通过正则表达式搭配 g 标志实现全局替换:

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

使用 split 和 join

通过 split 分割字符串后,用目标字符串 join 合并:

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

ES2021 的 replaceAll 方法

现代浏览器和 Node.js 支持原生 replaceAll

js 实现replaceall

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

注意事项

  • 使用正则表达式时,若替换内容包含特殊字符(如 .*),需转义:
    const str = "1.2.3";
    const result = str.replace(/\./g, "-");
    console.log(result); // "1-2-3"
  • replaceAll 需环境支持 ES2021,旧环境需通过 polyfill 或前两种方法实现。

标签: jsreplaceall
分享给朋友:

相关文章

js实现倒计时

js实现倒计时

使用 setInterval 实现倒计时 通过 setInterval 定时器每秒更新剩余时间,适用于简单倒计时场景。 function countdown(seconds, callback) {…

js实现复制到剪贴板

js实现复制到剪贴板

使用document.execCommand方法(传统方式,已废弃但部分浏览器仍支持) 该方法适用于旧版浏览器,但已被标记为废弃。执行前需确保文本已被选中: function copyToClipb…

js实现图

js实现图

JavaScript 实现图的常用方法 在 JavaScript 中,图(Graph)可以通过多种方式实现,常见的包括邻接表(Adjacency List)和邻接矩阵(Adjacency Matrix…

js节流实现

js节流实现

节流的概念 节流(Throttle)是一种限制函数执行频率的技术,确保函数在一定时间间隔内只执行一次。常用于滚动事件、窗口调整等高频触发的场景。 基础实现方法 使用时间戳判断是否执行函数: fun…

js实现代码雨

js实现代码雨

实现代码雨效果 使用HTML5 Canvas和JavaScript可以轻松实现经典的代码雨效果。以下是完整的实现代码和说明: HTML结构 <!DOCTYPE html> <…

js实现 功能

js实现 功能

在 JavaScript 中实现功能通常涉及多个关键步骤,具体取决于功能需求。以下是常见功能的实现方法和示例: 基本功能实现 使用函数封装逻辑是最直接的方式。例如,实现一个计算两数之和的函数: f…