如何使用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 14 Javascript
JavaScript 替换Html标签实现代码
Oct 14 Javascript
js自动查找select下拉的菜单并选择(示例代码)
Feb 26 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
Mar 11 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
May 24 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
Dec 20 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 Javascript
jQuery实现ajax回调函数带入参数的方法示例
Jun 26 jQuery
js实现左右两侧浮动广告
Jul 09 Javascript
从零开始用electron手撸一个截屏工具的示例代码
Oct 10 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
May 09 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下10件你也许并不了解的事情
2008/09/11 PHP
php读取二进制流(C语言结构体struct数据文件)的深入解析
2013/06/13 PHP
php中的路径问题与set_include_path使用介绍
2014/02/11 PHP
Linux下PHP安装mcrypt扩展模块笔记
2014/09/10 PHP
php析构函数的简单使用说明
2015/08/24 PHP
纯PHP代码实现支付宝批量付款
2015/12/24 PHP
PHP基于IMAP收取邮件的方法示例
2017/08/07 PHP
php使用goto实现自动重启swoole、reactphp、workerman服务的代码
2020/04/13 PHP
VBScript版代码高亮
2006/06/26 Javascript
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
JavaScript中使用replace结合正则实现replaceAll的效果
2010/06/04 Javascript
JQuery中form验证出错信息的查看方法
2013/10/08 Javascript
JQuery中$.ajax()方法参数详解及应用
2013/12/12 Javascript
JavaScript面向对象的实现方法小结
2015/04/14 Javascript
jQuery消息提示框插件Tipso
2015/05/04 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
AngularJS入门教程之过滤器用法示例
2016/11/02 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
python3.5仿微软计算器程序
2020/03/30 Python
python生成随机图形验证码详解
2017/11/08 Python
解析Python中的eval()、exec()及其相关函数
2017/12/20 Python
解决Python下json.loads()中文字符出错的问题
2018/12/19 Python
Python 通过微信控制实现app定位发送到个人服务器再转发微信服务器接收位置信息
2019/08/05 Python
python中利用matplotlib读取灰度图的例子
2019/12/07 Python
在keras中对单一输入图像进行预测并返回预测结果操作
2020/07/09 Python
python 第三方库paramiko的常用方式
2021/02/20 Python
关于探究python中sys.argv时遇到的问题详解
2021/02/23 Python
婚鞋、新娘鞋、礼服鞋、童鞋:Nina Shoes
2019/09/04 全球购物
武汉瑞得软件笔试题
2015/10/27 面试题
车间操作工岗位职责
2013/12/19 职场文书
教师研修随笔感言
2014/01/23 职场文书
元旦晚会主持词
2014/03/24 职场文书
python爬虫selenium模块详解
2021/03/30 Python
MySQL 覆盖索引的优点
2021/05/19 MySQL
Android实现获取短信验证码并自动填充
2023/05/21 Java/Android