当前位置:首页 > 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

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 或前两种方法实现。

js 实现replaceall

标签: jsreplaceall
分享给朋友:

相关文章

js实现轮播图

js实现轮播图

基础轮播图实现 使用HTML、CSS和JavaScript实现一个简单的自动轮播图。HTML结构包含一个容器和多个图片项。 <div class="slider"> <div…

js实现打印

js实现打印

使用window.print()方法实现打印 在JavaScript中,可以通过调用window.print()方法直接触发浏览器的打印功能。这会打开系统的打印对话框,用户可以选择打印机和设置打印选项…

js 实现倒计时

js 实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是两种常见实现方式。 使用 setInterval…

js实现全选

js实现全选

实现全选功能的方法 在JavaScript中实现全选功能通常涉及监听全选复选框的点击事件,并根据其状态控制其他复选框的选中状态。以下是几种常见的实现方式: 基础DOM操作实现 通过获取所有目标复选…

js 实现继承

js 实现继承

原型链继承 通过让子类的原型对象指向父类的实例来实现继承。子类实例可以访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Pa…

js实现图片预览

js实现图片预览

使用FileReader API实现图片预览 通过FileReader对象读取用户选择的图片文件并显示预览: const input = document.getElementById('image…