如何使用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 相关文章推荐
理解JavaScript中的事件
Sep 23 Javascript
JavaScript中的eval()函数详解
Aug 22 Javascript
js+div实现文字滚动和图片切换效果代码
Aug 27 Javascript
JQuery解析XML的方法小结
Apr 02 Javascript
Express系列之multer上传的使用
Oct 27 Javascript
JS设计模式之观察者模式实现实时改变页面中金额数的方法
Feb 05 Javascript
微信小程序仿朋友圈发布动态功能
Jul 15 Javascript
vue自定义全局共用函数详解
Sep 18 Javascript
cocos2dx+lua实现橡皮擦功能
Dec 20 Javascript
vue-router 中 meta的用法详解
Nov 01 Javascript
Vue实现点击箭头上下移动效果
Jun 11 Javascript
React 并发功能体验(前端的并发模式)
Jul 01 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在页面中调用fckeditor编辑器的方法
2011/06/10 PHP
PHP面向对象程序设计之类常量用法实例
2014/08/20 PHP
PHP答题类应用接口实例
2015/02/09 PHP
PHP使用DirectoryIterator显示下拉文件列表的方法
2015/03/13 PHP
PHP中的traits实现代码复用使用实例
2015/05/13 PHP
Laravel执行migrate命令提示:No such file or directory的解决方法
2016/03/16 PHP
php中mkdir()函数的权限问题分析
2016/09/24 PHP
JavaScript CSS菜单功能 改进版
2008/12/20 Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
2010/04/14 Javascript
一个获取第n个元素节点的js函数
2014/09/02 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
2015/08/11 Javascript
javascript实现简单的分页特效
2015/08/12 Javascript
jquery实现通用的内容渐显Tab选项卡效果
2015/09/07 Javascript
分享10个优化代码的CSS和JavaScript工具
2016/05/11 Javascript
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
JavaScript九九乘法口诀表的简单实现
2016/10/04 Javascript
微信小程序 共用变量值的实现
2017/07/12 Javascript
Angularjs实现下拉框联动的示例代码
2017/08/22 Javascript
js实现消灭星星(web简易版)
2020/03/24 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
2021/01/13 Vue.js
单利模式及python实现方式详解
2018/03/20 Python
Python使用pyshp库读取shapefile信息的方法
2018/12/29 Python
解决.ui文件生成的.py文件运行不出现界面的方法
2019/06/19 Python
python requests包的request()函数中的参数-params和data的区别介绍
2020/05/05 Python
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
HTML5实现晶莹剔透的雨滴特效
2014/05/14 HTML / CSS
巴基斯坦电子产品购物网站:Home Shopping
2017/09/14 全球购物
您在慕尼黑的跑步商店:Lauf-bar
2019/10/11 全球购物
工业设计毕业生自荐信
2014/04/13 职场文书
作风年建设汇报材料
2014/08/14 职场文书
初中同学会活动方案
2014/08/22 职场文书
公共场所禁烟倡议书
2014/08/30 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
情人节单身感言
2015/08/03 职场文书
导游词之青岛崂山
2019/12/27 职场文书
Vue鼠标滚轮滚动切换路由效果的实现方法
2021/08/04 Vue.js