如何使用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 相关文章推荐
ExtJS4 组件化编程,动态加载,面向对象,Direct
May 12 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
Feb 26 Javascript
javascript计时器编写过程与实现方法
Feb 29 Javascript
BootStrap的Datepicker控件使用心得分享
May 25 Javascript
jQuery操作cookie
Aug 08 Javascript
简单理解js的冒泡排序
Dec 19 Javascript
小程序指纹验证的实现代码
Dec 04 Javascript
Vuex mutitons和actions初使用详解
Mar 04 Javascript
使用Three.js实现太阳系八大行星的自转公转示例代码
Apr 09 Javascript
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
Apr 24 Javascript
js实现文章目录索引导航(table of content)
May 10 Javascript
完美解决通过IP地址访问VUE项目的问题
Jul 18 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计算程序运行时间的简单例子分享
2014/05/10 PHP
php获取服务器端mac和客户端mac的地址支持WIN/LINUX
2014/05/15 PHP
Codeigniter整合Tank Auth权限类库详解
2014/06/12 PHP
php使用Cookie实现和用户会话的方法
2015/01/21 PHP
php连接oracle数据库的方法(测试成功)
2016/05/26 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
jscript之List Excel Color Values
2007/06/13 Javascript
Jquery操作js数组及对象示例代码
2014/05/11 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
2015/07/28 Javascript
javascript事件处理模型实例说明
2016/05/31 Javascript
Js动态设置rem来实现移动端字体的自适应代码
2016/10/14 Javascript
利用js+css+html实现固定table的列头不动
2016/12/08 Javascript
bootstrap table配置参数例子
2017/01/05 Javascript
在小程序Canvas中使用measureText的方法示例
2018/10/19 Javascript
使用kbone解决Vue项目同时支持小程序问题
2019/11/08 Javascript
[04:50]2019DOTA2高校联赛秋季赛四强集锦
2019/12/27 DOTA
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
Python中的with语句与上下文管理器学习总结
2016/06/28 Python
利用pandas进行大文件计数处理的方法
2018/07/25 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
使用TensorFlow-Slim进行图像分类的实现
2019/12/31 Python
python matplotlib包图像配色方案分享
2020/03/14 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
python regex库实例用法总结
2021/01/03 Python
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
本科生的职业生涯规划范文
2014/01/09 职场文书
政治思想表现评语
2014/05/04 职场文书
中学生自我评价范文
2015/03/03 职场文书
《叶问2》观后感
2015/06/15 职场文书
二十年同学聚会致辞
2015/07/28 职场文书
2016年教师党员创先争优承诺书
2016/03/24 职场文书
职工的安全责任书范文!
2019/07/02 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书
yolov5返回坐标的方法实例
2022/03/17 Python
Mysql多层子查询示例代码(收藏夹案例)
2022/03/31 MySQL
PHP 时间处理类Carbon
2022/05/20 PHP