ES6字符串模版

本文介绍了ES6中的字符串模板特性,包括使用连接号代替单引号,支持变量插入和简单计算。此外,还讲解了字符串的查找功能,如`includes`用于判断存在性,以及`startsWith`和`endsWith`判断开头和结尾。最后提到了复制字符串的方法,方便生成重复的字符串内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

字符串模版的出现让我们再也不用拼接变量了,而且支持在模板里有简单计算操作。

字符串模版

  • ES5中的字符串拼接
let dk='吉他'
let blog = 'Nice to meet you '+dk+' 字符串模板'
document.write(blog)
  • 字符串模版不再使用‘xxx’这样的单引号,而是换成了xxx这种形式,也叫连接号。这时我们再引用dukun变量就需要用${dk}这种形式了,我们对上边的代码进行改造。
let dk='吉他'
let blog = `Nice to meet you${dk}。字符串模板`
document.write(blog)

而且这里边支持html标签

let dk='吉他'
let blog = `<b>Nice to meet you</b>${dk}。</br>字符串模板`
document.write(blog)

对运算的支持

let a=1
let b=2
let result=`${a+b}`
document.write(result)

字符串查找

ES6增加字符串的查找功能,而且支持中文

  • 查找是否存在:

ES5的写法  这种方法并不实用,给我们的索引位置,我们自己还要确定位置

let dk='吉他';
let blog = `Nice to meet you${dk}。字符串`;
document.write(blog.indexOf(dk)); // 网页中输出了16,我们还要自己判断。

ES6直接用includes就可以判断,不再返回索引值,这样的结果我们更喜欢,更直接。

let dk='吉他';
let blog = `Nice to meet you${dk}。字符串`;
document.write(blog.indexOf(dk)); // 网页中输出了true
  • 判断开头是否存在:
blog.startsWith(dk); // no
  • 判断结尾是否存在:
blog.endsWith(dk) // no

注意:starts和ends 后边都要加s

复制字符串

有时候需要字符串重复的,比如分隔符和特殊符号,这时候复制字符串就派上用场了,语法很简单。

document.write('吉他|'.repeat(3))

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值