JavaScript实现的字符串replaceAll函数代码分享

更新时间：2023年06月14日 01:24:46 投稿：junjie

这篇文章主要介绍了JavaScript实现的字符串replaceAll函数代码分享,本文直接给出实现代码,需要的朋友可以参考下

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

一、使用replace()方法进行替换

定义一个字符串：

var str = "hello world";

使用replace()方法将字符串中的字母"l"替换成"i"，原始做法：

?console.log(str.replace("l","i"));

输出：

“heilo world”

需要执行三次，非常不方便；

二、使用replaceAll()方法替换

封装replaceAll()方法：

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

定义一个字符串：

var str = "hello world";

使用replaceAll()方法进行批量替换：

console.log(str.replaceAll("l", "i"));

输出：

“heiio worid”

只需要执行一次，就完成了全部替换需求。

由于javascript中的replace函数无法替换全部匹配的字符串，所以需要为String类增加一个方法，代码如下：

String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) {??
??? if (!RegExp.prototype.isPrototypeOf(reallyDo)) {??
??????? return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith);??
???? } else {??
??????? return this.replace(reallyDo, replaceWith);??
???? }??
}

到此这篇关于JavaScript实现的字符串replaceAll函数代码分享的文章就介绍到这了,更多相关JavaScript replaceAll函数内容请搜索程序员之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持程序员之家！

您可能感兴趣的文章:

微信小程序实现蒙版弹出窗功能
这篇文章主要介绍了微信小程序实现蒙版弹出窗功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-09-09
js浮点数精确计算(加、减、乘、除)
本篇文章主要介绍了js浮点数精确计算(加、减、乘、除) 需要的朋友可以过来参考下，希望对大家有所帮助
2013-12-12
p5.js绘制旋转的正方形
这篇文章主要为大家详细介绍了p5.js绘制旋转的正方形，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-10-10
PassWord输入框代码分享
这篇文章主要介绍了PassWord输入框的代码,代码简单易懂，非常实用，具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
canvas实现十二星座星空图
本文主要分享了canvas实现十二星座星空图的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
codeMirror插件使用讲解
codeMirror是一款十分强大的代码编辑插件，提供了十分丰富的API，最近在项目中用到了这款插件，于是在这里给大家分享下使用方法和心得。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
Javascript call及apply应用场景及实例
这篇文章主要介绍了Javascript call及apply应用场景及实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-08-08
JavaScript获取客户端IP的方法(新方法)
这篇文章主要介绍了JavaScript获取客户端IP的方法(新方法)的相关资料,需要的朋友可以参考下
2016-03-03
JavaScript为事件句柄绑定监听函数实例详解
这篇文章主要介绍了JavaScript为事件句柄绑定监听函数的方法,结合实例详细分析了常见的事件句柄绑定监听函数的实现技巧,并实例讲解了跨浏览器的实现方法,需要的朋友可以参考下
2015-12-12
js微信分享接口调用详解
这篇文章主要为大家详细介绍了js微信分享接口调用的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-07-07