文章目录

  • 问题描述
  • 解决方案
  • 代码
  • 效果
  • 参考文献

问题描述

使用jQuery向页面添加元素时需要拼接HTML,当HTML中含有"之类的信息时,手动拼接极度容易出错,若有类似Python的.format()函数就方便多了

print('<button type="submit" value={}>今天</button>'.format('"/inform{"time": "今天"}"'))
# <button type="submit" value="/inform{"time": "今天"}">今天</button>

解决方案

  1. 定义函数,String.prototype.format
  2. 添加转义字符

代码

/*字符串占位符*/
String.prototype.format = function () {if (arguments.length == 0) return this;var param = arguments[0];var s = this;if (typeof (param) == 'object') {for (var key in param)s = s.replace(new RegExp("\\{" + key + "\\}", "g"), param[key]);return s;} else {for (var i = 0; i < arguments.length; i++)s = s.replace(new RegExp("\\{" + i + "\\}", "g"), arguments[i]);return s;}
};

或使用模板字符串,变量名写在 ${}

let name = "Mike";
let age = 27;
let info = `My Name is ${name}, I am ${age + 1} years old next year.`;
console.log(info);
// My Name is Mike, I am 28 years old next year.

效果

输入

'<button type="submit" value={0}>今天</button>'.format('"/inform{"time": "今天"}"')

输出

"<button type="submit" value="/inform{"time": "今天"}">今天</button>"

参考文献

  1. JS字符串使用占位符轻松实现拼接
  2. ES6 教程 | 菜鸟教程

JavaScript实现类似Python的字符串占位符.format()相关推荐

  1. 【python】python字符串占位符

    python有三种字符串占位符方式,代码演示如下: if __name__ == "__main__":name = "Lucy"age = 20# 方式一:占 ...

  2. python中的占位符

    python中容易被忽略的小知识点: python中占位符:在输出的地方预定的符号 1.%d 整数占位符 %d只能占位整数,即使是原数字为浮点数他也会强制转换变成整数. 2.%f 浮点数占位符 %f只 ...

  3. scala 字符串占位符_如何在Scala中将带有换行符的字符串转换为字符串列表?

    scala 字符串占位符 A string is a sequence of characters and it can contain multiple lines, for this, the s ...

  4. JAVA字符串占位符替换

    JAVA字符串占位符替换 如果有字符串 "我是{0},我来自{1},今年{2}岁. 请问怎样用String的内置方法用替换掉字符串的占位符:比如"我是中国人,我来自北京,今年22岁 ...

  5. Python 常用的占位符

    hold_space1 = "I am %s" % 97 #字符串占位符,把97当作字符串处理 print(hold_space1) # I am 97hold_space2 = ...

  6. java字符串占位符%s

    字符串占位符%s 一.String.format 二.MessageFormat.format 一.String.format 语法 : String.format(String format, Ob ...

  7. Python里面的占位符

    Python里面常见的3种占位符 # python 里的占位符 #1. % 占位符 name="zhangsan" age=30 print("name=%s,age=% ...

  8. Python 远古方法 % 占位符详解

    Python 远古方法 % 占位符详解 文章目录 Python 远古方法 % 占位符详解 前言 远古时期 % 占位符方法

  9. 在python中的占位符中、请你选出不属于占位符的选项_知到智慧树My College English Diary作业题库答案...

    [单选题]如果有3个进程共享同一程序段,而且每次最多允许两个进程进入该程序段,则信号量的初值应设置为( ) A. 3 B. 2 C. 1 D. 0 [单选题]患者男性,32岁,突发寒战.高热,咳嗽.右 ...

最新文章

  1. python aes padding_python笔记43-加解密AES/CBC/pkcs7padding
  2. 【哈佛商学院和斯坦福要求学生必看的20部电影】中/英字幕
  3. mysql触发器错误信息_MySQL 触发器错误_MySQL
  4. 一种新的Heap区溢出技术分析[转贴]
  5. C语言学习之一个数如果恰好等于它的因子之和,这个数就称为“完数”。例如,6的因子为1,2,3,而6=1+2+3,因此6是“完数”。编程序找出1000之内的所有完数。
  6. 设计模式是什么鬼(备忘录)
  7. Hadoop学习笔记
  8. java私塾 java篇_Java私塾跟我学系列——JAVA篇 五、
  9. pm2 多个线程输出一个日志_PM2 源码分析
  10. python3简单代码_python3实现简单汉诺塔的代码教程
  11. TCP协议的部分解析(3)
  12. syn flood 攻击 c 语言源代码,利用Python和C实现syn flood攻击
  13. python教程视频 网盘-Python学习路线2019版(课程大纲+视频教程+网盘资源下载)...
  14. Spring Boot项目能之前能正常跑,安装禅道后突然就不行了报错Unknown database “数据库名“
  15. 管理新语:员工随口回答,并不是有意忽悠,而是都这样
  16. 黑马程序员传智播客python 协程greenlet gevent学习笔记
  17. js中的this指向问题
  18. jmu-python-涨工资
  19. 如何利用直通车系统的打造爆款完整流程!QT1130找24团珍帅
  20. 拆弹实验-phase_7(隐藏关)

热门文章

  1. Win10家庭版不支持“本地用户和组”,如果要支持需要升级到专业版
  2. (华三AC+AP)在华三AC上通过用户mac地址或者IP地址查询在那一台AP下
  3. Web端测试常用方法
  4. 小程序开发没有难度但有工作量
  5. 根据json文件,可视化LVIS和COCO数据集的GroundTruth标签
  6. css 第二行换行,CSS换行详解
  7. 常用英文命名规则缩写
  8. [儿童益智玩具]怎么玩?儿科学会给出了10条建议
  9. 阿里巴巴开发手册手记
  10. 代理服务器拒绝连接问题的解决