JS中的Replace()传入函数时的用法详解

 更新时间:2017年09月11日 09:11:22   作者:枫飞雪  
这篇文章主要介绍了JS中的Replace()传入函数时的用法详解,replace方法的语法是:stringObj.replace(rgExp, replaceText)关于js replace 传入函数的用法,大家通过本文学习吧

replace方法的语法是:stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string),reExp可以是正则表达式对象(RegExp)也可以是字符串(string),replaceText是替代查找到的字符串。。

废话不多说了,直接给大家贴代码了,具体代码如下所示:

 <script>
var str = "a1ba2b";
var reg = /a.b/g;
str = str.replace(reg,function(a,b){
 console.log(a);
 console.log(b);
 return b == 0 ? a.replace("a","0") : a.replace("b","3");
});
console.log(str);
/*
输出结果为:
a1b
0//第一次匹配到a1b,将a置为0.
a2b
3//第二次匹配到a2b,将b置为3.
01ba23//返回经过修改后的字符串
*/
/*
function(a,b,c)一共可以传入3个参数,第一个为匹配的字符串,第二个为匹配字符串的起始位置,
第三个为调用replace方法的字符串本身。可以缺省c或b、c。
*/
</script>

总结

以上所述是小编给大家介绍的JS中的Replace()传入函数时的用法详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • JavaScript html5 canvas绘制时钟效果(二)

    JavaScript html5 canvas绘制时钟效果(二)

    这篇文章主要介绍了JavaScript html5绘制时钟效果的相关资料,使用HTML5的canvas标签和Javascript脚本,模拟显示了一个时钟,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • js实现定时进度条完成后切换图片

    js实现定时进度条完成后切换图片

    这篇文章主要介绍了js实现定时进度条,进度100%以后可以切换图片,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • three.js实现圆柱体

    three.js实现圆柱体

    这篇文章主要为大家详细介绍了three.js实现圆柱体的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • javascript同步服务器时间和同步倒计时小技巧

    javascript同步服务器时间和同步倒计时小技巧

    本文给出如何在页面上同步显示服务器时间的解决方案,能够实现同步服务器时间、同步倒计时,却不占用服务器太多资源,下面我给写出实现的思路
    2015-09-09
  • 微信小程序实现接收验证码

    微信小程序实现接收验证码

    这篇文章主要为大家详细介绍了微信小程序实现接收验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • 理解JavaScript中的Proxy 与 Reflection API

    理解JavaScript中的Proxy 与 Reflection API

    这篇文章主要介绍了JavaScript中的Proxy 与 Reflection API的相关资料,帮助大家更好的理解和学习JavaScript,感兴趣的朋友可以了解下
    2020-09-09
  • javascript实现的一个自定义长度的文本自动换行的函数。

    javascript实现的一个自定义长度的文本自动换行的函数。

    javascript实现的一个自定义长度的文本自动换行的函数。...
    2007-08-08
  • JavaScript之Getters和Setters 平台支持等详细介绍

    JavaScript之Getters和Setters 平台支持等详细介绍

    现在,JavaScript的Getters和Setters使用非常广泛,它和每个JavaScript开发者的切身利益息息相关,我们先来快速了解什么是Getters和Setters,以及它们为什么很有用.然后,我们来看看现在都有哪些平台支持Gettets和Setters
    2012-12-12
  • Javascript处理DOM元素事件实现代码

    Javascript处理DOM元素事件实现代码

    DOM元素都有一些标准事件,一般使用时只要使用onclick=function的方式就可以了,但是当需要为DOM元素添加多个事件,删除事件,或在用Javascript封装控件的时候,为封装的控件添加自定义事件的时候
    2012-05-05
  • JS中的继承操作实例总结

    JS中的继承操作实例总结

    这篇文章主要介绍了JS中的继承操作,结合实例形式总结分析了JS中的原型链继承、构造函数继承、组合继承、class继承等常见继承操作实现技巧,需要的朋友可以参考下
    2020-06-06

最新评论