ES6学习笔记(五)字符串的扩展

ES5下的字符串拼接:

let foo='es5';
let bar='I am '+foo+',how do you do ?'
document.write(bar); //I am es5,how do you do

+foo+的形式拼接,很麻烦而且很容易出错,ES6新增了字符串模板,可以很好的解决这个问题,我们引用变量用${foo}这种形式就可以了。

let foo='es5';
let bar=`I am ${foo},how do you do ?`  //注意符合` 反引号是来包裹住字符串的,而不是单引号。反引号在键盘tab键的正上方。
document.write(bar); //I am es5,how do you do

在字符串模板还可以输入html标签。
<b>字符串查找</b>
ES6还增加了字符串的查找功能,支持中文。
ES5的写法:

let foo='es5';
let bar=`I am ${foo},how do you do ?`
document.write(bar.indexOf(foo)); //5

ES6直接用includes就可以判断,不再返回索引值。

let foo='es5';
let bar=`I am ${foo},how do you do ?`
document.write(bar.includes(foo)); //true

bar.startsWith(foo);  //判断开头是否存在
bar.endsWith(foo);  //判断结尾是否存在

复制字符串

document.write(foo.repeat(3));//es6es6es6
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容