如何使用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 相关文章推荐
用jQuery技术实现Tab页界面之二
Sep 21 Javascript
通过JS 获取Mouse Position(鼠标坐标)的代码
Sep 21 Javascript
在JavaScript并非所有的一切都是对象
Apr 11 Javascript
js验证模型自我实现的具体方法
Jun 21 Javascript
jQuery prev ~ siblings选择器使用介绍
Aug 09 Javascript
js通过元素class名字获取元素集合的具体实现
Jan 06 Javascript
一个JS函数搞定网页标题(title)闪动效果
May 13 Javascript
jQuery实现弹出窗口中切换登录与注册表单
Jun 05 Javascript
javascript实现页面刷新时自动清空表单并选中的方法
Jul 18 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
Feb 19 Javascript
Vue 实现前端权限控制的示例代码
Jul 09 Javascript
jQuery实现电梯导航模块
Dec 22 jQuery
详解用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
跟我学小偷程序之成功偷取首页(第三天)
2006/10/09 PHP
PHP页面间传递参数实例代码
2008/06/05 PHP
通过PHP修改Linux或Unix口令的方法分享
2012/01/30 PHP
php中使用$_REQUEST需要注意的一个问题
2013/05/02 PHP
destoon整合ucenter后注册页面不跳转的解决方法
2014/06/21 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
点击下载链接 弹出页面实现代码
2009/10/01 Javascript
javascript如何使用bind指定接收者
2014/05/04 Javascript
JQuery中的事件及动画用法实例
2015/01/26 Javascript
moment.js轻松实现获取当前日期是当年的第几周
2015/02/05 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
实践中学习AngularJS表单
2016/03/21 Javascript
jQuery查找节点方法完整实例
2016/09/13 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
2016/10/21 Javascript
jQuery tip提示插件(实例分享)
2017/04/28 jQuery
详解基于node.js的脚手架工具开发经历
2019/01/28 Javascript
原生JS实现相邻月份日历
2020/10/13 Javascript
[42:20]2014 DOTA2华西杯精英邀请赛5 24 DK VS NewBee
2014/05/25 DOTA
[07:54]DOTA2 MV《我的动力鞋》 ImbaTV 出品
2014/11/21 DOTA
python实现数通设备tftp备份配置文件示例
2014/04/02 Python
Python中的错误和异常处理简单操作示例【try-except用法】
2017/07/25 Python
python 定义n个变量方法 (变量声明自动化)
2018/11/10 Python
解决.ui文件生成的.py文件运行不出现界面的方法
2019/06/19 Python
Python基于OpenCV实现人脸检测并保存
2019/07/23 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理
2015/03/25 面试题
总经理秘书岗位职责
2014/03/17 职场文书
高等教育专业自荐信范文
2014/03/26 职场文书
军训个人总结
2015/03/03 职场文书
外贸采购员岗位职责
2015/04/03 职场文书
2015年测量员工作总结
2015/05/23 职场文书
2019消防宣传标语!
2019/07/10 职场文书
Oracle删除归档日志及添加定时任务
2022/06/28 Oracle