javascript中使用replaceAll()函数实现字符替换的方法

 更新时间:2010年12月25日 22:40:52   作者:   我要评论
第一次发现JavaScript中replace() 方法如果直接用str.replace("-","!") 只会替换第一个匹配的字符.
而str.replace(/\-/g,"!")则可以全部替换掉匹配的字符(g为全局标志)。
replace()
The replace() method returns the string that results when you replace text matching its first argument
(a regular expression) with the text of the second argument (a string).
If the g (global) flag is not set in the regular expression declaration, this method replaces only the first
occurrence of the pattern. For example,
var s = "Hello. Regexps are fun." ;s = s.replace(/\./, "!" ); // replace first period with an exclamation pointalert(s);
produces the string “Hello! Regexps are fun.” Including the g flag will cause the interpreter to
perform a global replace, finding and replacing every matching substring. For example,
var s = "Hello. Regexps are fun." ;s = s.replace(/\./g, "!" ); // replace all periods with exclamation pointsalert(s);
yields this result: “Hello! Regexps are fun!”
所以可以用以下几种方式.:
string.replace(/reallyDo/g, replaceWith);
string.replace(new RegExp(reallyDo, 'g'), replaceWith);
string:字符串表达式包含要替代的子字符串。
reallyDo:被搜索的子字符串。
replaceWith:用于替换的子字符串。
复制代码 代码如下:

<script type="text/javascript">
  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);
}
}
</script>

相关文章

  • 全屏js头像上传插件源码高清版

    全屏js头像上传插件源码高清版

    这篇文章主要为大家详细介绍了全屏js头像上传插件源码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • webpack分离css单独打包的方法

    webpack分离css单独打包的方法

    这篇文章主要介绍了webpack分离css单独打包的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • JavaScript简单实现鼠标拖动选择功能

    JavaScript简单实现鼠标拖动选择功能

    本篇文章主要是对JavaScript简单实现鼠标拖动选择功能的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • 详解JavaScript的闭包、IIFE、apply、函数与对象

    详解JavaScript的闭包、IIFE、apply、函数与对象

    本文主要对JavaScript的闭包、IIFE、apply、函数与对象进行详细介绍。有很好的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • javascript中setAttribute兼容性用法分析

    javascript中setAttribute兼容性用法分析

    这篇文章主要介绍了javascript中setAttribute兼容性用法,结合实例形式分析了javascript使用setAttribute进行属性设置操作的相关使用技巧,需要的朋友可以参考下
    2016-12-12
  • 微信小程序实现人脸识别

    微信小程序实现人脸识别

    这篇文章主要为大家详细介绍了微信小程序实现人脸识别,实现添加信息和上传照片功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • 深入浅析knockout源码分析之订阅

    深入浅析knockout源码分析之订阅

    Knockout是一款很优秀的JavaScript库,它可以帮助你仅使用一个清晰整洁的底层数据模型(data model)即可创建一个富文本且具有良好的显示和编辑功能的用户界面。这篇文章主要介绍了knockout源码分析之订阅的相关资料,需要的朋友可以参考下
    2016-07-07
  • bootstrap和jQuery.Gantt的css冲突 如何解决

    bootstrap和jQuery.Gantt的css冲突 如何解决

    这篇文章主要介绍了bootstrap和jQuery.Gantt的css冲突,本文给出了解决冲突的解决方法,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • Typescript的三种运行方式(小结)

    Typescript的三种运行方式(小结)

    这篇文章主要介绍了Typescript的三种运行方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • bootstrap table表格使用方法详解

    bootstrap table表格使用方法详解

    这篇文章主要为大家详细介绍了bootstrap table表格使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04

最新评论