js 实现ReplaceAll

本文介绍在JavaScript中如何实现字符串的全部替换功能,包括使用正则表达式、字符串分解及扩展String对象的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

   原生js中没有replaceAll方法,只有replace。如果要将字符串替换,一般使用replace,但是replace只会替换找到的第一个原字符。这里结合自己的使用介绍一下JS实现replaceAll方法。

方法一、正则表达式替换(“-”“+”)

//替换所有减号 
var str = '2017-10-23';
//g表示执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)
var result = str.replace(/-/g,'');
console.log(result);

结果:20171023
//替换所有加号
var str = '2017+10+23';
//这里+号需要用[+]表示
var result = str.replace(/[+]/g,'');
console.log(result);

结果:20171023
//替换所有加号
var str = '2017+10+23';
//这里+号需要用[+]表示,m表示执行多行匹配。
var result = str.replace(new RegExp("[+]","gm"),"Excel")
console.log(result);

结果:20171023

方法二、字符串分解替换

var str = '2017-10-23';
var result = str.split('-').join('');
console.log(result);

结果:20171023
var str = '2017+10+23';
var result = str.split('+').join('');
console.log(result);

结果:20171023

方法三、添加 Stirng对象replaceAll 原型

String.prototype.replaceAll = function(s1,s2){ 
return this.replace(new RegExp(s1,"gm"),s2); 
}
### JavaScript 中 `replaceAll` 方法详解 #### 定义与功能 `replaceAll` 是 JavaScript 字符串对象的一个方法,用于将字符串中所有匹配项替换为目标字符串。此方法支持正则表达式和简单字符模式的全局替换[^4]。 #### 参数说明 该函数接受两个参数: - **searchValue**: 被查找并准备替换成的新子字符串或者是一个正则表达式的实例。 - **replaceValue**: 替换掉每一个匹配项的新子字符串。 当第一个参数是字符串而非正则表达式时,则会自动创建一个新的带有标志 `'g'` 的正则表达式来执行操作。 #### 实际应用案例 考虑如下 HTML 和 JavaScript 代码片段: ```html <button onclick="test()">replaceAll</button> <script type="text/javascript"> String.prototype.replaceAll = function(from, to) { var reg = new RegExp(from, "g"); return this.replace(reg, to); } function test() { let str = 'aaabbbcccdddeeefffggg'; console.log(str.replaceAll('a', 'A') .replaceAll('c', 'C') .replaceAll('e', 'E') .replaceAll('g', 'G')); } </script> ``` 上述脚本定义了一个自定义版本的 `replaceAll` 方法,并通过点击按钮触发测试函数展示其效果。这里展示了如何利用这个扩展的方法连续多次调用来完成多个不同字符的同时替换工作[^2]。 需要注意的是,在较新的浏览器环境中可以直接使用标准库提供的 `replaceAll` 方法而无需自行实现。 #### 注意事项 对于旧版浏览器兼容性问题,建议开发者检查目标环境的支持情况或采用 polyfill 方案以确保跨平台一致性[^5]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Coding13

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值