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


Posted in Javascript onJuly 20, 2017

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中自定义字符串格式化

总结

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

Javascript 相关文章推荐
JS启动应用程序的一个简单例子
May 11 Javascript
jQuery 注意事项 与原因分析
Apr 24 Javascript
几个比较实用的JavaScript 测试及效验工具
Apr 18 Javascript
5个JavaScript经典面试题
Oct 13 Javascript
JavaScript严格模式禁用With语句的原因
Oct 20 Javascript
JavaScript中的splice方法用法详解
Jul 20 Javascript
利用jquery实现下拉框的禁用与启用
Dec 07 Javascript
jQuery.Validate表单验证插件的使用示例详解
Jan 04 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
Feb 08 Javascript
在vue中获取dom元素内容的方法
Jul 10 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
Jul 26 Javascript
微信小程序实现拖拽功能
Sep 26 Javascript
详解用webpack把我们的业务模块分开打包的方法
Jul 20 #Javascript
关于webpack代码拆分的解析
Jul 20 #Javascript
webpack学习笔记之代码分割和按需加载的实例详解
Jul 20 #Javascript
node+vue实现用户注册和头像上传的实例代码
Jul 20 #Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 #Javascript
通过命令行创建vue项目的方法
Jul 20 #Javascript
基于BootStrap实现简洁注册界面
Jul 20 #Javascript
You might like
用PHP实现小写金额转换大写金额的代码(精确到分)
2012/01/10 PHP
YII Framework框架教程之使用YIIC快速创建YII应用详解
2016/03/15 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
最佳JS代码编写的14条技巧
2011/01/09 Javascript
javascript 二进制运算技巧解析
2012/11/27 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
2014/10/14 Javascript
jquery调取json数据实现省市级联的方法
2015/01/29 Javascript
快速获取/设置iframe内对象元素的几种js实现方法
2016/05/20 Javascript
谈谈target=_new和_blank的不同之处
2016/10/25 Javascript
JavaScript实现的微信二维码图片生成器的示例
2016/10/26 Javascript
jQuery实现一个简单的轮播图
2017/02/19 Javascript
p5.js入门教程之小球动画示例代码
2018/03/15 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
2018/04/08 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
2018/05/23 Javascript
React实现全选功能
2020/08/25 Javascript
[08:44]和酒神一起战斗 DOTA2教你做大人
2014/03/27 DOTA
Python实现简单的多任务mysql转xml的方法
2017/02/08 Python
Python实现矩阵转置的方法分析
2017/11/24 Python
Python wxpython模块响应鼠标拖动事件操作示例
2018/08/23 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
Transpose 数组行列转置的限制方式
2020/02/11 Python
python之语音识别speech模块
2020/09/09 Python
Pycharm的Available Packages为空的解决方法
2020/09/18 Python
pip已经安装好第三方库但pycharm中import时还是标红的解决方案
2020/10/09 Python
戴尔新加坡官网:Dell Singapore
2020/12/13 全球购物
介绍一下Python中webbrowser的用法
2013/05/07 面试题
英文版餐饮运营管理求职信
2013/11/06 职场文书
篮球友谊赛通讯稿
2014/10/10 职场文书
无子女夫妻离婚协议书(4篇)
2014/10/20 职场文书
2014年社团工作总结范文
2014/11/27 职场文书
2014社会治安综合治理工作总结
2014/12/04 职场文书
新郎接新娘保证书
2015/05/08 职场文书
秋收起义观后感
2015/06/11 职场文书
护理自荐信
2019/05/14 职场文书
html5+实现plus.io进行拍照和图片等获取
2022/06/01 HTML / CSS