美文网首页
字符串模板

字符串模板

作者: 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));
    

    相关文章

      网友评论

          本文标题:字符串模板

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