如何使用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 解析多维的Json数据格式
Nov 02 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
Feb 21 Javascript
node.js学习总结之调式代码的方法
Jun 25 Javascript
jquery插件orbit.js实现图片折叠轮换特效
Apr 14 Javascript
11种ASP连接数据库的方法
Sep 18 Javascript
JavaScript编写简单的计算器
Nov 25 Javascript
炫酷的js手风琴效果
Oct 13 Javascript
jQuery实现扑克正反面翻牌效果
Mar 10 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
Apr 12 Javascript
Angular2实现组件交互的方法分析
Dec 19 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
Apr 25 Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 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
杏林同学录(四)
2006/10/09 PHP
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
php查询mysql大量数据造成内存不足的解决方法
2015/03/04 PHP
php无序树实现方法
2015/07/28 PHP
PHP多进程编程之僵尸进程问题的理解
2017/10/15 PHP
PHP实现转盘抽奖算法分享
2020/04/15 PHP
js的[defer]和[async]属性
2014/11/24 Javascript
jQuery设置指定网页元素宽度和高度的方法
2015/03/25 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
你不知道的 javascript【推荐】
2017/01/08 Javascript
VUE实现表单元素双向绑定(总结)
2017/08/08 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
浅谈React中组件间抽象
2018/01/27 Javascript
使用vue-router完成简单导航功能【推荐】
2018/06/28 Javascript
jQuery实现鼠标移到某个对象时弹出显示层功能
2018/08/23 jQuery
vue中设置、获取、删除cookie的方法
2018/09/21 Javascript
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)
2019/12/04 Javascript
js获取本日、本周、本月的时间代码
2020/02/01 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
vue相同路由跳转强制刷新该路由组件操作
2020/08/05 Javascript
vue element el-transfer增加拖拽功能
2021/01/15 Vue.js
Python 迭代器工具包【推荐】
2016/05/06 Python
Python查询IP地址归属完整代码
2017/06/21 Python
关于Django ForeignKey 反向查询中filter和_set的效率对比详解
2018/12/15 Python
python的slice notation的特殊用法详解
2019/12/27 Python
python使用正则表达式(Regular Expression)方法超详细
2019/12/30 Python
使用 tf.nn.dynamic_rnn 展开时间维度方式
2020/01/21 Python
Django全局启用登陆验证login_required的方法
2020/06/02 Python
Django用内置方法实现简单搜索功能的方法
2020/12/18 Python
python里glob模块知识点总结
2021/01/05 Python
详解Java中一维、二维数组在内存中的结构
2021/02/11 Python
镇班子对照检查材料思想汇报
2014/09/24 职场文书
兵马俑的导游词
2015/02/02 职场文书
幼儿教师师德师风自我评价
2015/03/05 职场文书
公司禁烟通知
2015/04/23 职场文书
Windows 64位 安装 mysql 8.0.28 图文教程
2022/04/19 MySQL