JavaScript的replace()传入函数时的用法详解

本篇文章给大家带来的内容是关于JavaScript的replace()传入函数时的用法详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

微信截图_20181019141036.png

基本用法:

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。*/

登录后复制

使用捕获组时的用法:

需求:将浮点数点左边的数每三位添加一个逗号?

var str = '12000000.11';var res = str.replace(/(d)(?=(d{3})+.)/g, function(s1, s2) {console.log(arguments) // (d{3})+ 虽然有+但只算一个捕获组return s2 + ','; // 替换匹配成功的返回值});console.log(res) // 12,000,000.11  /* arguments的值为(匹配成功两次):  ["2", "2", "000", 1, "12000000.11"]  ["0", "0", "000", 4, "12000000.11"]  第一项:匹配成功返回的结果(预测断言匹配成功的值不会出现在匹配结果中)  第二项:第一个捕获组对应的值  第三项:第二个捕获组对应的值  第四项:匹配字符串的索引值  第五项:原始字符串 */

登录后复制

分析:
?=exp:预测断言,断言出现的位置必须匹配exp,否则匹配失败,匹配成功后不会占据长度。

/(d)(?=(d{3})+.)/g执行全局匹配,第一次匹配成功的字符串为:“2000000.”
第二次匹配成功的字符串为”0000.”

以上就是对JavaScript的replace()传入函数时的用法详解的全部介绍,如果您想了解更多有关JavaScript视频教程,请关注PHP中文网。

立即学习“Java免费学习笔记(深入)”;

以上就是JavaScript的replace()传入函数时的用法详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2738776.html

(0)
上一篇 2025年3月8日 01:54:27
下一篇 2025年3月8日 01:54:34

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Javascript学习之js函数(心得小结)

    本篇文章给大家带来的内容是介绍在javascript学习过程中的关于js函数的心得小结。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 Javascript函数是由事件驱动的或者当他被调用时执行的可重复使用的代码块。所以说…

    编程技术 2025年3月8日
    200
  • ES6中defineProperty与proxy的详细介绍(代码示例)

    本篇文章给大家带来的内容是关于es6中defineproperty与proxy的详细介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 我们或多或少都听过“数据绑定”这个词,“数据绑定”的关键在于监听数据的变化…

    编程技术 2025年3月8日
    200
  • 如何使用JavaScript的replace替换字符串

    replace函数可以用另一个字符替换字符串中的指定字符,此外,通过使用正则表达式的替换规则,也可以替换各种模式,接下来的这篇文章就来介绍关于JavaScript中replace替换字符串的具体方法。 replace函数的用法 基本语法 立…

    2025年3月8日
    200
  • replace方法怎么使用

    replace方法可以查找正则表达式和字符串之间的匹配项,并使用新的子字符串替换匹配的子字符串,本篇文章我们就来看一下replace方法的具体用法。 首先我们来看一下replace方法的基本语法 string.replace(regexp/…

    2025年3月8日
    200
  • js将函数赋值给变量后该怎么使用

    在编写代码的时候,我们有些时候回碰上这种情况,有人会将一个函数赋值给一个变量,这个时候我们该怎样去调用这个函数呢? 下面就让我们用代码说话。 首先我们将一个函数赋值给一个变量 nbsp;html>Documentvar a = fun…

    2025年3月8日
    200
  • 浅谈JS函数及闭包

    每声明一个函数就会产生一个作用域。而外面的作用域访问不了里面的作用域(把里面的变量和函数隐藏起来),而里面的可以访问到外面的。对于隐藏变量和函数是一个非常有用的技术。 基于作用域隐藏的方法叫做最小授权或最小暴露原则。 这个原则是指在软件设计…

    2025年3月8日
    200
  • js如何判断一个对象是否是数组(函数)

    1、typeof操作符 实例: // 数值typeof 37 === ‘number’;  // 字符串typeof ” === ‘string’;  // 布尔值typeof true === ‘boolean’;  // Symbol…

    2025年3月8日
    200
  • 详解js中函数的相关定义与用法

    三种函数的声明方法 代码示例如下:             function test1(a1,a2){                console.log(“函数声明的第一种方法” + a1 + a2);            }   …

    2025年3月8日
    200
  • js数组的函数用法详解

    本文为大家实例讲解了js数组的几种函数用法,希望对大家有所帮助。 实例如下:             js数组进阶                 var arr=[2,”clannad”,”海贼王”,”星游记”,true,new Date…

    2025年3月8日
    200
  • 如何理解javascript中的函数概念

    什么是函数? 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 我们来举一个小例子: 当我们点击按钮时,会弹出如下图所示的警告框: 立即学习“Java免费学习笔记(深入)”; 语法格式: function functionnam…

    2025年3月7日 编程技术
    200

发表回复

登录后才能评论