关于js replace 第二个参数时函数时,函数参数解析

本文介绍了一种使用JavaScript进行字符串格式化的实用方法,通过正则表达式和回调函数实现动态字符串替换,展示了如何将带有特定标记的模板字符串转换为实际内容。

先看一段代码

function formateString(str,obj) {
    return str.replace(/\{#(\w+)#\}/g,function(match,key,index,source){
        console.log(arguments);
        return obj[key]
    })
}
var string='<div>{#content#}</div>';
formateString(string,{content:'helloWorld'});

match 是匹配到字符串 示例中 为{#content#}

key 是捕获分组中内容(无分组时不存在),正则表达式中小括号内的内容为一个分组,所以示例中为content

index 是字符串的下表也就是示例中{的下标即5

source 是原字符串 示例中为<div>{#content#}</div>

转载于:https://www.cnblogs.com/yihuite-zch/p/10683486.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值