$(function () { /*自定义" />
当前位置:首页 > 日记 > 正文

如何使用JS在HTML中自定义字符串格式化

如何使用JS在HTML中自定义字符串格式化

Python中支持字符串格式化,其基本形式如下:

 str = "I'm %s, %s years old." % ('jack', 19) print(str)  #结果: I'm jack, 19 years old.

 在JavaScript中虽没有类似的方法,但我们可以利用字符串的replace方法自定义字符串的格式化方法:

<script> $(function () {   /*自定义字符串格式化*/  String.prototype.Format = function (args) {   /*this代表要调用Format方法的字符串*/   /*replace的第一个参数为正则表达式,g表示处理匹配到的所有字符串,在js中使用//包起来*/   /*replace的第二个参数为匹配字符串的处理,k1匹配结果包含{},k2只保留{}内的内容*/   var temp = this.replace(/\{(\w+)\}/g, function (k1, k2) {    console.log(k1, k2);    /*replace将匹配到的k2用参数args替换后赋给新变量temp*/    return args[k2];   });   /*自定义方法Format将格式化后的字符串返回*/   return temp;  }; }</script>

验证:

总结

以上所述是小编给大家介绍的使用JS在HTML中自定义字符串格式化,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

ES6中的rest参数与扩展运算符详解

ES6中的rest参数与扩展运算符详解

运算符,参数,扩展,详解,电脑软件,前言本文主要给大家介绍了关于ES6中rest参数与扩展运算符的相关内容,rest参数和扩展运算符都是ES6新增的特性。rest参数的形式为:...变量名;扩展运算符是三个点(...)。下面话不多说了,来一起看看详细的介绍:rest参…

ps怎么使用画笔画翠绿的小草?

ps怎么使用画笔画翠绿的小草?

电脑软件,ps,如何用ps制作草?为什么PHOTOSHOP自定义的画笔在使用时会有透明度;下面我们就来看看。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、打开图片素材,最好是叶子轮廓清晰的2、勾出选区,编辑&md…

word2010中如何对文字进行排序

word2010中如何对文字进行排序

文字,排序,步骤,电脑软件,strong,  word2010的排序功能异常强大,不光可以对数字排序,还可以对文字进行排序,那么下面就由小编给大家分享下word2010中对文字进行排序的技巧,希望能帮助到您,有需要的朋友可以来看看哦。word2010对文字排序的步骤…

利用Photoshop如何绘制有宽度的彩

利用Photoshop如何绘制有宽度的彩

边框,绘制,矩形,宽度,彩色,根据我的使用,我发现在Photoshop CS5中绘制带填充颜色的矩形面域很方便,但绘制矩形边框(不带任何填充的矩形面域)很麻烦。查了长时间的资料才学会,遂记录方法。 下面小编为大家分享的是利用Photoshop绘制有宽度的彩色…

ASP.NET Core简单介绍教程(1)

ASP.NET Core简单介绍教程(1)

教程,简单,电脑软件,ASP,NET,ASP.NET Core 是一个全新的开源、跨平台框架,可以用它来构建基于网络连接的现代云应用程序,比如:Web 应用,IoT(Internet Of Things,物联网)应用和移动后端等。ASP.NET Core可以运行在 .NET Core 或完整的 .NET Framewo…

Photoshop详解四个小技巧快速让你

Photoshop详解四个小技巧快速让你

照片,更有,小技巧,档次,详解,星期一又到了,忙忙碌碌的一周有要开始了,休息了两天,人开始有点犯懒癌。但是我们的教程还是要按时写,写什么好呢?之前计划中的那些我今天先不写啦,突然想给大家先分享一个后期思路,让我们的照片可以瞬间变的高大上。1…

word2010输入次方数字的方法步骤

word2010输入次方数字的方法步骤

步骤,输入,数字,方法,次方,  在数学中,一个数的多少次方,这样表达能大大方便了我们,这样既不需要输入大量的数字,那么怎么在word中输入带次方的数字呢?在下面就由小编给大家分享下word2010输入次方数字的技巧,希望能帮助到您。word2010输…

PPT幻灯片如何从自动翻页改为手动

PPT幻灯片如何从自动翻页改为手动

方法,翻页,幻灯片,设置为,电脑软件,  现如今,电脑的使用越来越普及,许多人上班或者生活中都需要用到PPT办公软件,但其中一些小知识,比如怎么将PPT幻灯片从自动翻页设置为手动翻页?下面小编在这里给大家详细解答。PPT幻灯片从自动翻页设置为手…

Photoshop详细解析新手必须知道的

Photoshop详细解析新手必须知道的

实用技巧,新手,详细,电脑软件,Photoshop,12 3 阅读全文1 23 阅读全文教程结束,以上就是Photoshop详细解析新手必须知道的一些实用技巧的全部内容,希望对你有所帮助!相关教程推荐: ps渐变工具怎么使用?ps渐变工具使用技巧 photoshop cs6魔棒工…

word2007怎么删除首页页码的两种方

word2007怎么删除首页页码的两种方

方法,首页,删除,页码,两种,  在日常的办公应用中我们会遇到这样一个问题,我们的文档的首页为封面或目录页,那么我们文档的页码应当从第二页开始计算,在下面就由小编为大家分享下word2007删除首页页码的技巧,希望能帮助您。word2007删除首页页…

怎么给ppt2010版加入旁白给ppt2010

怎么给ppt2010版加入旁白给ppt2010

步骤,方法,旁白,电脑软件,strong,  ppt加入旁白可以加入演讲者自己的原音也可以提供给不在现场的人,掌握加入旁白的技巧可以给人耳目一新的感觉,瞬间ppt就变得十分上档次。下面小编教你怎么做吧。给ppt2010版加入旁白的步骤打开需要加入旁…

ppt2010怎么添加层叠效果

ppt2010怎么添加层叠效果

快捷键,浏览,控制,方法,效果,  用了PowerPoint 2010,大家都惊讶地发现,2003、2007中的层叠、伸展等一些动画效果不见了。但用2003或2007添加这些效果再在2010中打开时,这些效果仍然显示。也就是说,2010并没有真正去掉这些动画。那么如何在201…