美文网首页ECMAScript 6
ECMAScript 6 字符串模板

ECMAScript 6 字符串模板

作者: Rising_life | 来源:发表于2019-07-24 09:43 被阅读0次

传统的 JavaScript 语言,输出模板通常是这样写的

上面这种写法相当繁琐不方便,ES6 引入了模板字符串解决这个问题。

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

对运算的支持

字符串查找

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

查找是否存在:

先来看一下ES5的写法

网页中输出了23,我们还要自己判断

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

判断开头是否存在:

msg.startsWith(qiang)

判断结尾是否存在:

msg.endsWith(qiang)

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

复制字符串

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

document.write(' repeat |'.repeat(3));

相关文章

  • ECMAScript 6 字符串模板

    传统的 JavaScript 语言,输出模板通常是这样写的 上面这种写法相当繁琐不方便,ES6 引入了模板字符串解...

  • ES6模版字符串

    初探ES6:字符串模板 && 标签模板 关键词:``,${} 字符串模板: 在ES6之前我们要在html或者con...

  • 细读 ES6 | 模板字符串进阶用法

    模板字符串(template string)是 ECMAScript 2015 规范中的一种新特性,在平常开发中使...

  • ES6常用新特性

    ES6新特性介绍 模板字符串 模板字符串实现字符串拼接 模板字符串实现多行字符串 结构赋值 对象的解构赋值 数组的...

  • TypeScript字符串新特性

    多行字符串 1. 多行字符串 其中 `` 用来定义 ES6 中的模板字符串,${expr} 用来在模板字符串中嵌...

  • 21.模板字符串和标签模板字符串

    ES6新增了模板字符串,用于字符串拼接 ES6新增了标签字符串 标签模板字符串执行结果: 函数的第一个参数为数组,...

  • es6、es7常用特性

    1、模板字符串模板字符串 不使用ES6 使用+号降变量拼接喂字符串 例:var name ='My name is...

  • 【基础知识】消除ES6模板字符串中的空格

    转:消除ES6模板字符串中的空格 在开发中经常要用模板字符串,在拼接HTML文件时会遇到模板字符串中的空格问题比如...

  • ES6入门用法&字符串模板

    字符串模板 传统的JavaScript的输出模板是 ES6引入了模板字符串来解决这个问题 用反引号(`)来标识

  • (五)ES6字符串模板箭头函数字面量

    本节知识点 字符串模板 箭头函数 字面量 字符串模板 在ES6里面字符串模板就是为了不用再把字符串拼接起来,省的有...

网友评论

    本文标题:ECMAScript 6 字符串模板

    本文链接:https://www.haomeiwen.com/subject/awytlctx.html