如何使用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 相关文章推荐
二级域名转向类
Nov 09 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
Apr 08 Javascript
用jQuery toggleClass 实现鼠标移上变色
May 14 Javascript
jquery 中的each()跳出循环的语句
May 23 Javascript
网页实时显示服务器时间和javscript自运行时钟
Jun 09 Javascript
javascript中CheckBox全选终极方案
May 20 Javascript
详解Angular中$cacheFactory缓存的使用
Aug 19 Javascript
JavaScript实现二分查找实例代码
Feb 22 Javascript
AngularJS中scope的绑定策略实例分析
Oct 30 Javascript
vue-cli 3 全局过滤器的实例代码详解
Jun 03 Javascript
javascript中call,apply,callee,caller用法实例分析
Jul 24 Javascript
vue 实现tab切换保持数据状态
Jul 21 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新手上路(八)
2006/10/09 PHP
PHP+MySql+jQuery实现的&quot;顶&quot;和&quot;踩&quot;投票功能
2016/05/21 PHP
PHP 二维array转换json的实例讲解
2018/08/21 PHP
php如何比较两个浮点数是否相等详解
2019/02/12 PHP
javascript学习笔记(三)显示当时时间的代码
2011/04/08 Javascript
让table变成exls的示例代码
2014/03/24 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
2017/01/18 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
2017/03/02 Javascript
vue 项目接口管理的实现
2019/01/17 Javascript
小程序云开发如何实现图片上传及发表文字
2019/05/17 Javascript
微信小程序 确认框的实现(附代码)
2019/07/23 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
2019/10/28 Javascript
js瀑布流布局的实现
2020/06/28 Javascript
全面解析JavaScript Module模式
2020/07/24 Javascript
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
深入理解Django中内置的用户认证
2017/10/06 Python
python的numpy模块安装不成功简单解决方法总结
2017/12/23 Python
python实现QQ空间自动点赞功能
2019/04/09 Python
Python和Java的语法对比分析语法简洁上python的确完美胜出
2019/05/10 Python
Python使用sklearn库实现的各种分类算法简单应用小结
2019/07/04 Python
python logging模块的使用总结
2019/07/09 Python
Python Pandas对缺失值的处理方法
2019/09/27 Python
Python 实现try重新执行
2019/12/21 Python
Python利用FFT进行简单滤波的实现
2020/02/26 Python
浅谈Tensorflow加载Vgg预训练模型的几个注意事项
2020/05/26 Python
详解CSS3的图层阴影和文字阴影效果使用
2016/06/09 HTML / CSS
意大利在线购买隐形眼镜网站:VisionDirect.it
2019/03/18 全球购物
韩国最大的购物网站:Gmarket
2019/06/20 全球购物
类的返射机制中的包及核心类
2016/09/12 面试题
保送生自荐信范文
2013/10/06 职场文书
区域总监的岗位职责
2013/11/21 职场文书
班组长的岗位职责
2013/12/09 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
教师求职信怎么写
2015/03/20 职场文书
Python&Matlab实现樱花的绘制
2022/04/07 Python