当前位置:首页 > JavaScript

js 实现replaceall

2026-02-01 17:49:46JavaScript

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

js 实现replaceall

使用正则表达式全局替换

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

js 实现replaceall

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

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实现跳转

使用 window.location 跳转 通过修改 window.location.href 或直接使用 window.location 实现页面跳转,适用于普通跳转或带参数的 URL。 // 方…

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 通过监听鼠标事件(mousedown、mousemove、mouseup)实现拖拽功能。以下是核心代码逻辑: const draggableElement = document.…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…

js实现瀑布流

js实现瀑布流

实现瀑布流布局 瀑布流布局是一种常见的网页布局方式,常用于图片展示、商品列表等场景。以下是使用 JavaScript 实现瀑布流布局的几种方法。 纯 JavaScript 实现 通过计算元素的位置和…

js实现祖玛

js实现祖玛

实现祖玛游戏的核心思路 祖玛游戏的核心玩法是发射彩色珠子,形成三个或以上相同颜色的珠子即可消除。以下是使用JavaScript实现的基本框架。 游戏初始化 创建画布并初始化游戏状态: const…

js实现防洪

js实现防洪

防抖(Debounce)实现 防抖的核心思想是在事件触发后延迟执行回调函数,若在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口调整等场景。 function debounce(func,…