本文一共介绍了两种实现方式:

文章目录

  • 1. 使用反引号实现(推荐)
  • 2. 自定义方法实现

1. 使用反引号实现(推荐)

ES6 模板字符串(Template String)是增强版的字符串,用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。
语法格式:

`想要输出的字符串……${变量名称}想要输出的字符串……${变量名称}`

应用实例:

 <script>window.onload = function() {var name = "徐可可";var age = 25;var sex = "男";console.log(`大家好,我叫${name},性别${sex},今年${age}岁了`);}</script>

2. 自定义方法实现

String.prototype 属性表示 String原型对象。所有 String 的实例都继承自 String.prototype. 任何String.prototype上的改变都会影响到所有的 String 实例。js扩展String.prototype.format字符串拼接的功能,首先是基础功能的改造:

String.prototype.format = function(){if(arguments.length==0){return this;}for(var s=this, i=0; i<arguments.length; i++){s = s.replace(new RegExp("\\{"+i+"\\}","g"), arguments[i]);}return s;
};

然后就是调用了:

//方式1
var test = '我的{0}是{1}';
var result = test.format('ID','coco56');
//方式2
var test = '我的{description}是{name}';
var result = test.format({description:'ID',name:'coco56'});

JS格式化字符串(两种方法)相关推荐

  1. 判断是否是回文字符串两种方法

    判断回文字符串的两种方法 public class JudgingPalindrome {public static void main(String[] args) {solution01();Sy ...

  2. python中格式化_Python中格式化的两种方法

    在Python中,采用的格式化方式和C语言是一致的,用%实现,举例如下:>>> 'Hello, %s' % 'world' 'Hello, world' >>> ' ...

  3. JS截取字符串三种方法

    一·js截取字符串 slice() slice() 方法可从已有的数组中返回选定的元素. slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分. 注意: slice() 方法不会改 ...

  4. python中分割字符串两种方法正则分组别名_Python 正则表达式(分组)

    正则表达式分组 分组就是用一对圆括号"()"括起来的正则表达式,匹配出的内容就表示一个分组.从正则表达式的左边开始看,看到的第一个左括号"("表示第一个分组,第 ...

  5. 漫谈原生JS添加元素的两种方法

    漫谈原生JS添加元素 常规方法 常规方法是首先创建一个目标元素并赋值给某个变量 ,但是元素里面内容较多,需要innerHTML赋值,将含有内容的变量赋值给目标元素的变量,最后,将这个目标元素的变量通过 ...

  6. dict格式转字符串两种方法的区别

    问题起源: 在分析邮件内容的过程当中,由于邮件加载后是个dict格式,然后保存时需要变成字符串格式保存.一开始选择了str(dict)方法.但这个方法存在一个问题,保存后的字符串个key和value前 ...

  7. html下拉列表“省市关联列表”js和jq两种方法实现

    javascript省市级联 <!DOCTYPE html> <html><head><meta charset="UTF-8">& ...

  8. python中分割字符串两种方法正则分组别名,如何在python中使用正则表达式模块将文本字符串分割成单词?...

    Here's what I'm working with- string1 = "Dog,cat,mouse,bird. Human." def string_count(text ...

  9. Java中对中国标准时间进行格式化(yyyy-MM-dd HH:mm:ss)两种方法

    Java中国标准时间进行格式化的两种方法,如下 package time;import java.text.ParseException; import java.text.SimpleDateFor ...

  10. php 带建数组转字符串,php数组转换为字符串的两种方法详解【附视频】

    本篇文章主要给大家介绍PHP数组转换为字符串的两种方法.(文章末尾附有对应的视频教程) 第一种方法:使用PHP本身的函数implode来直接将数组转换为字符串. 第二种方法:使用循环遍历数组元素拼接成 ...

最新文章

  1. javaScript的调试(二)
  2. Microsoft PowerToys for Windows XP
  3. Java 技术篇-使用poi开源jar包实现读取excel实例演示,poi-3.17.jar获取
  4. 服务容错保护断路器Hystrix之七:做到自动降级
  5. java in out 参数_总是避免Java中的in-out参数?
  6. 面向对象的javascript-引用、作用域、闭包、上下文--(1)
  7. 随想录(校园招聘记)
  8. 微信小程序列表页跳转到详情页
  9. 解决 AMD 卡 OBS 全屏录制黑屏
  10. 小旋风虚拟服务器怎么用,超级小旋风asp服务器软件使用图文教程
  11. 【014】Excel宏编程的交互解析(MsgBox)_001_#VBA
  12. ESP8266 读取MPU-6050数据OLED显示
  13. AttributeError: module 'ahocorasick' has no attribute 'Automaton'解决
  14. 校园网升级了WiFi6,笔记本突然搜索不到校园网了
  15. 避免 Time Limit Exceeded
  16. 朋友入职中软一个月(外包华为)就离职了!
  17. 修建公路1:最小生成树(克鲁斯卡尔算法)
  18. springboot昆明学院档案管理系统毕业设计源码311758
  19. bpython3 推送_【python 3】 列表方法操作汇总
  20. 在天津的超级计算机,天津“天河一号”超级计算机恢复运行

热门文章

  1. 记事本html特效,很漂亮的网页飘落特效代码
  2. Cesium中的几种坐标和相互转换
  3. 财报汇总 | 中国生物制药、格林酒店、海亮教育、洪恩教育等5家企业公布最新业绩...
  4. 飞猪java怎么样_2021春招面试必看:飞猪/新浪/饿了么内部Java面经手册首次发布...
  5. WinRAR制作单文件(便携版)
  6. iphone开蓝牙wifi上网慢_iPhone连接wifi信号满格网速却慢?如何提速
  7. 导入百度导航SDK遇到的相关问题
  8. 有哪些好用的渲染软件?12个业内顶级渲染软件推荐
  9. 标鸽知产商标自助注册流程
  10. gimp 抠图_GIMP006:从简单抠图了解GIMP的浮动选区功能