es6字符串模板的操作

先来看一个在ES5下我们的字符串拼接案例:

let l="LieY"
let work=""+l+",webc初级前工程师"
console.log(work);

打印结果：

LieY,webc初级前工程师

ES5下必须用+l+这样的形式进行拼接，这样很麻烦而且很容易出错。ES6新增了字符串模版，可以很好的解决这个问题。字符串模版不再使用‘xxx’这样的单引号，而是换成了`xxx`这种形式，也叫连接号。这时我们再引用jspang变量就需要用${jspang}这种形式了，我们对上边的代码进行改造。而且这里边支持html标签

let l="LieY"
let sex='女'
let work=`${l},性别${sex},web初级前工程师`
console.log(work);

打印结果：

LieY,性别女,webc初级前工程师

对运算的支持：

let a=1;
let b=2;
let result = `${a+b}`
console.log(result);

打印结果：

3

字符串查找

ES6还增加了字符串的查找功能，而且支持中文哦，小伙伴是不是很兴奋。还是拿上边的文字作例子，进行操作

先来看一下ES5的写法，其实这种方法并不实用，给我们的索引位置，我们自己还要确定位置。

let l="LieY"
let work=""+l+",webc初级前工程师"
console.log(work.indexOf(l));

打印结果：

0

ES6直接用includes就可以判断，不再返回索引值，这样的结果我们更喜欢，更直接

let l="LieY"
let work=""+l+",webc初级前工程师"
console.log(work.includes(l));

打印结果：

true

判断开头是否存在：

let l="LieY"
let work=""+l+",webc初级前工程师"
console.log(work.startsWith(l));

打印结果：

true

判断结尾是否存在：

let l="LieY"
let work=""+l+",webc初级前工程师"
console.log(work.endsWith(l));

打印结果：

true

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

复制字符串

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

let l="LieY"
console.log(l.repeat(3));

打印结果：

LieYLieYLieY

当然ES6对字符串还有一些其它操作，因为实际工作中不太使用，这里就不作太多的介绍了。希望你能动手练习一下，并把这些新特性应用到工作中，否则可能很快就忘记了。