如何使用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 1.5中使用deferred对象的代码(翻译)
Mar 10 Javascript
更换select下拉菜单背景样式的实现代码
Dec 20 Javascript
js事件冒泡实例分享(已测试)
Apr 23 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
Aug 25 Javascript
JS数组去掉重复数据只保留一条的实现代码
Aug 11 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
Sep 28 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 Javascript
div实现自适应高度的textarea实现angular双向绑定
Jan 08 Javascript
jQuery树插件zTree使用方法详解
May 02 jQuery
vue-cli3.0 脚手架搭建项目的过程详解
Oct 19 Javascript
详解Vue2.0组件的继承与扩展
Nov 23 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
Nov 17 Vue.js
详解用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/03/13 PHP
php验证身份证号码正确性的函数
2016/07/20 PHP
认识延迟时间为0的setTimeout
2008/05/16 Javascript
TextArea 控件的最大长度问题(js json)
2009/12/16 Javascript
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
2010/10/20 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
2012/09/21 Javascript
JS声明变量背后的编译原理剖析
2012/12/28 Javascript
js实现仿Discuz文本框弹出层效果
2015/08/13 Javascript
解决jQuery使用JSONP时产生的错误
2015/12/02 Javascript
详解Angularjs filter过滤器
2016/02/06 Javascript
JavaScript中数组添加值和访问值常见问题
2016/02/06 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
2016/02/27 Javascript
原生js编写基于面向对象的分页组件
2016/12/05 Javascript
js自定义QQ菜单效果
2017/01/10 Javascript
Vue实现web分页组件详解
2017/11/28 Javascript
JS实现前端页面的搜索功能
2018/06/12 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
2018/11/15 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
详解将微信小程序接口Promise化并使用async函数
2019/08/05 Javascript
vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法
2019/10/30 Javascript
jquery实现垂直手风琴导航栏
2020/02/18 jQuery
Electron整合React使用搭建开发环境的步骤详解
2020/06/07 Javascript
python使用pil生成图片验证码的方法
2015/05/08 Python
python实现简单http服务器功能
2018/09/17 Python
Django框架会话技术实例分析【Cookie与Session】
2019/05/24 Python
用python爬取历史天气数据的方法示例
2019/12/30 Python
Python数据模型与Python对象模型的相关总结
2021/01/26 Python
Python的collections模块真的很好用
2021/03/01 Python
美国韩国化妆品和护肤品购物网站:Beautytap
2018/07/29 全球购物
综合测评自我鉴定
2013/10/08 职场文书
运动会四百米广播稿
2014/01/19 职场文书
高中生期末评语
2014/01/28 职场文书
自荐信的格式
2014/03/10 职场文书
甜品店创业计划书
2014/09/21 职场文书
发展党员工作情况汇报
2014/10/28 职场文书
保护环境的宣传语
2015/07/13 职场文书