美文网首页
字符串模板

字符串模板

作者: Artifacts | 来源:发表于2019-08-04 22:32 被阅读0次

ES5下必须用+js+这样的形式进行拼接。
ES6新增了字符串模版。字符串模版不再使用‘xxx’这样的单引号,而是换成了连接号。这时再引用js变量就需要用${js}这种形式了,

    var name = 'smyhvae';
    var age = '26';
    console.log('name:'+name+',age:'+age);   //传统写法
    console.log(`name:${name},age:${age}`);  //ES6 写法

注意,上方代码中,倒数第二行用的是单引号,最后一行用的是反引号(在tab键的上方)。


字符串查找

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

查找是否存在:

先来看一下ES5的写法

let js='文章';
let blog = '非常高兴你能看到这篇文章';
document.write(blog.indexOf(js));

这是网页中输出了10,我们还要自己判断。

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

let js='文章';
let blog = '非常高兴你能看到这篇文章';
document.write(blog.includes(js));

判断开头是否存在:

blog.startsWith(js);

判断结尾是否存在:

blog.endsWith(js);

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

复制字符串
若是需要复制字符串重复的,比如分隔符和特殊符号:

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

相关文章

  • ES6-字符串方法及其实现

    1.模板字符串 模板字符串替换+操作符,来拼接字符串,并且支持换行: 标签模板: 标签模板其实不是模板,而是函数调...

  • ECMAScript6 学习(一)

    字符串的扩展 字符串的遍历器接口for...of循环 模板字符串 字符串中嵌入变量 标签模板 模板字符串可以紧跟在...

  • es6

    1.模板字符串 $().append(` `) 添加模板字符串,模板字符串中嵌入变量,需要将变量名写在${}之中。...

  • ES6常用新特性

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

  • ES6字符串扩展

    字符串的Unicode表示法 字符串的遍历器接口 模板字符串` 长字符串换行 变量拼接 嵌套模板 带标签的模板字符...

  • ES6之模板字符串

    说明: 通过 ${ letName } 使模板字符串支持插值 模板字符串必需要用反 撇号(`) 括起来 模板字符串...

  • ES6-字符串模板

    模板字符串使用案例一 标签模板字符串 标签模板字符串案例 标签函数的用途,可以用来过滤用户输入

  • es6小结

    模板字符串字符串拼接不需要+,而是用``,变量用${变量名}表示 Tips:模板字符串里的变量的值取模板字符串定义...

  • ES6(4)、新版字符串

    1、模板字符串 模板字符串使用反引号 (``) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(...

  • 模板字符串

    title: 模板字符串date: 2016-11-21 15:04:36tags: [js] 模板字符串 模板字...

网友评论

      本文标题:字符串模板

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