字符串模板

2019-08-04  本文已影响0人  Artifacts

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));
上一篇 下一篇

猜你喜欢

热点阅读