美文网首页
ES6学习笔记(五)字符串的扩展

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

作者: 大青呐 | 来源:发表于2017-06-23 14:51 被阅读0次

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

相关文章

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

    ES5下的字符串拼接: +foo+的形式拼接,很麻烦而且很容易出错,ES6新增了字符串模板,可以很好的解决这个问题...

  • es6的数值,函数,字符串扩展

    一、es6的数值扩展 二、es6的函数扩展 代码效果:对象解构在函数中的应用 三、es6字符串扩展 常用方法 代码...

  • es6第四章学习

    es6第四章学习 字符串的扩展 1.字符的 Unicode 表示法 ES6 加强了对 Unicode 的支持,允许...

  • string

    es6 字符串的新增属性。学习笔记此博文 字符串的遍历器的接口。 includes(),startsWith(),...

  • 2018-07-24

    日常打卡,今日学习呀学习....怎么说呢,ES6乃至JS,学习之路漫长呀呀呀. 字符串的扩展includes('s...

  • ES6-02 字符串与正则表达式

    ES6学习笔记-字符串与正则表达式 JS字符串编码 在ES6之前,JS的字符串以16位字符编码(UCS-2)为基础...

  • ECMAScript6新方法(2)

    字符串扩展 ES6加强了对Unicode的支持,并且扩展了字符串对象。 获取字符unicode编码 通过unico...

  • ES6扩展归纳

    ES6扩展归纳 介绍ES6相比与ES5在原有对象上的扩展,包括字符串、正则、数值、函数、数组、对象等扩展,本文是阮...

  • 一、JavaScript 笔记之扫盲

    JavaScript 个人零碎笔记,不作为学习JavaScript 教程使用 1.字符串: es6 针对多行字符串...

  • ES6 字符串的扩展

    本节我们来学习 ES6 中字符串类型的扩展,包括一些字符串对象的新增方法的使用等。 字符的 Unicode 表示法...

网友评论

      本文标题:ES6学习笔记(五)字符串的扩展

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