js实现replaceAll方法

本是古典何须时尚 2022-05-11 15:28 162阅读 0赞

js本来有replace方法，请看[w3school的说明][w3school]：

> replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

**语法：**

stringObject.replace(regexp/substr,replacement)

第一个参数为一个字符串或者一个正则表达式，第二个参数为一个字符串或者一个用于生成字符串的函数。  
注意重点：

> 如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。

**实例：**

var str = "dogdogdog";
    var str2 = str.replace("dog","cat");
    console.log(str2);

这里仅替换第一个dog字符串，输出为`catdogdog`。

--------------------

**js中是没有replaceAll方法的，那么如何实现替换所有匹配的字符串呢，即在js中实现replaceAll方法：**

#### 1. 使用具有全局标志g的正则表达式 ####

var str = "dogdogdog";
    var str2 = str.replace(/dog/g,"cat");
    console.log(str2);

实现替换全部匹配字符串，输出结果为：`catcatcat`。

#### 2. 使用另一种具有全局标志g的正则表达式 ####

var str = "dogdogdog";
    var str2 = str.replace(new RegExp("dog","gm"),"cat");
    console.log(str2);

输出结果同上例。这里g表示执行全局匹配，m表示执行多次匹配。

#### 3. 给string对象添加原型方法replaceAll() ####

String.prototype.replaceAll = function(s1, s2) { 
        return this.replace(new RegExp(s1, "gm"), s2);
    }

这样就可以像使用replace方法一样使用replaceAll方法：

var str = "dogdogdog";
    var str2 = str.replaceAll("dog", "cat");
    console.log(str2);

输出结果同上例。

#### 4. 使用先split，再join的方法 ####

评论区`@默默之`分享的这个方法太赞了，拉到正文里以免有人不看评论，感谢`@默默之`分享。

var str = "dogdogdog";
    var str2 = str.split("dog").join("cat")
    console.log(str2);

输出结果同上例。

[w3school]: http://www.w3school.com.cn/jsref/jsref_replace.asp

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java的replaceAll()方法

这个方法是String类中的方法 1.语法： public String replaceAll(String regex, String replacement)

比眉伴天荒/ 2024年03月27日 18:32/ 0 赞/ 57 阅读

相关 java 手机号脱敏处理 String.replaceAll()方法

String mobile = "12345678901"; String s1 = mobile.replaceAll("(\\d{3})\\d(\\d{1}

蔚落/ 2022年09月06日 14:20/ 0 赞/ 218 阅读

相关 js 类似 java 的replaceAll方法全部替换

js 类似 java 的replaceAll方法全部替换 var str="abcdadfdfdfdfdfsldfds"; alert(str);

蔚落/ 2022年08月06日 06:11/ 0 赞/ 176 阅读

相关 javascript replaceAll js替换重复处理

javascript replaceAll js替换重复处理 1 普通的全局替换处理 String.prototype.replaceAll = func

男娘i/ 2022年06月06日 08:52/ 0 赞/ 185 阅读

相关 JavaScript中replace与replaceall方法

写在前面：ES2021已经提供了 String.prototype.replaceAll 方法，因此不需要通过 String.prototype.replace + 正则来

水深无声/ 2022年05月12日 02:12/ 0 赞/ 193 阅读

相关 js实现replaceAll方法

js本来有replace方法，请看[w3school的说明][w3school]： > replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式

本是古典何须时尚/ 2022年05月11日 15:28/ 0 赞/ 163 阅读

相关向字符串对象中追加replaceAll方法

/ 向字符串对象中追加replaceAll方法 @param {} reallyDo @param {} replaceWith

野性酷女/ 2022年01月22日 07:29/ 0 赞/ 254 阅读

相关 js如何实现replaceAll

replcaeAll是java中的方法，其作用是替换字符串中的的某些字符替换为指定字符 replace方法在java中是替换一次 js中的replace方法相

叁歲伎倆/ 2022年01月09日 18:39/ 0 赞/ 240 阅读

相关 JavaScript中实现replaceAll方法

我们在Java中可以使用replaceAll()方法对字符串进行批量替换，但在JS中replaceAll()方法是undefined，JS中只存在replace()方法，因此我

ゝ一纸荒年。/ 2021年12月05日 19:51/ 0 赞/ 280 阅读

相关 js没有replaceAll方法，自己来实现replaceAll方法

废话不多说，直接上代码 String.prototype.replaceAll = function () { var args = argum

女爷i/ 2021年07月24日 20:49/ 0 赞/ 322 阅读