JavaScript String.replace函数参数实例说明

 更新时间:2013年06月06日 17:25:37   作者:  
JavaScript String.replace函数作用是将源自符串中的match替换为replacement并返回替换后的字符串,使用介绍如下,不会的朋友可以了解下哈
Email:longsu2010 at yeah dot net
js String的replace函数的函数签名如下:
replace(match/* 字符串OR正则表达式 */, replacement/* 字符串OR函数 */)
作用是将源自符串中的match替换为replacement并返回替换后的字符串。
如果第一参数是字符串就没什么好说的了,但是要记住此时只在源自符串替换一次match(第一次)函数就执行完成了。

所以第一参数通常是一个正则表达式,举例如下:
replace(/a/g, "b") // 将源自符串中所有的a替换为b。

第二参数可以是一个字符串,该字符串中可以包含第一参数正则表达式的分组,举例如下:
replace(/(a){2,2}/g, "$1b") // 将源自符串中所有的aa替换为ab。

如果第二参数是一个函数的话,那么函数的参数是什么呢?举例如下:
复制代码 代码如下:

"bbabc".replace(/(a)(b)/g, function(){
console.log(arguments)
});

参数将依次为:
1、整个正则表达式匹配的字符。
2、第一分组匹配的内容、第二分组匹配的内容…… 以此类推直到最后一个分组。
3、此次匹配在源自符串中的下标(位置)。
4、源自符串
所以例子的输出是

["ab", "a", "b", 2, "bbabc"]

第二参数的返回值将会被替换到源自符串中,因若js函数无返值那么调用函数会得到undefined,所以如果第二参数无返回值undefined将会被替换到源自符串中。
如果第一参数是一个字符串,同时第二参数是一个函数的话,那就当成第一参数是一个没有分组的正则表达式好了,这样就可以确定第二参数的参数了。
文中有一些表述不当之处,如“替换到源自符串中”(源自符串只是充当模板的角色,并不真正发生改变,字符串是不可改变的变量),希望不会误导大家。

相关文章

  • 浅谈js和css内联外联注意事项

    浅谈js和css内联外联注意事项

    下面小编就为大家带来一篇浅谈js和css内联外联注意事项。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • javascript编程起步(第七课)

    javascript编程起步(第七课)

    javascript编程起步(第七课)...
    2007-01-01
  • THREE.JS入门教程(1)THREE.JS使用前了解

    THREE.JS入门教程(1)THREE.JS使用前了解

    Three.js是一个伟大的开源WebGL库,WebGL允许JavaScript操作GPU,在浏览器端实现真正意义的3D,本文介绍下THREE.JS基础/浏览器支持/设置场景/构建网格表面/材质/光/渲染循环/通用的对象属性等等,感兴趣的朋友可以了解下哦
    2013-01-01
  • javascript设计模式之代理模式

    javascript设计模式之代理模式

    这篇文章主要为大家介绍了javascript代理模式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • JavaScript中json使用自己总结

    JavaScript中json使用自己总结

    JavaScrip中json想必大家早已如雷贯耳,下面把自己的使用心得与大家分享下,希望对大家学习json有所帮助
    2013-08-08
  • ES6的Promise用法详解

    ES6的Promise用法详解

    本文详细讲解了ES6的Promise用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-12-12
  • JavaScript展开操作符(Spread operator)详解

    JavaScript展开操作符(Spread operator)详解

    在本篇文章里小编给大家整理的是关于JavaScript展开操作符(Spread operator)的详细介绍以及用法,需要的读者们参考下。
    2019-07-07
  • Javascript基础教程之while语句

    Javascript基础教程之while语句

    这篇文章主要介绍了Javascript基础教程之while语句的相关资料,需要的朋友可以参考下
    2015-01-01
  • 详解JavaScript中this关键字的用法

    详解JavaScript中this关键字的用法

    this是函数内部的对象并且被用于调用该函数,this在全局中的使用非常之灵活,下面就带大家来详解JavaScript中this关键字的用法
    2016-05-05
  • JavaScript实现快速排序(自已编写)

    JavaScript实现快速排序(自已编写)

    用到javascript的排序一组数字,js没有直接的数字比较的函数可以调用,所以自己写了一个快速排序,需要的朋友可以了解下
    2012-12-12

最新评论