ES6知识点-字符串模板

1、字符串模板

　　使用$()代替ES的 ‘++’，

 例如：

ES5语法：

var name='张三'
var info=“我是“”+name+“,以后请大家多多关照””
console.log(info)//我是张三，以后请多多照顾

ES6语法：

var name='张三';
var info=`我是${name},以后请大家多多关照`;
console.log(info)//我是张三，以后请多多照顾

注意：ES5中拼接字符串使用的是单引号或者双引号，但是在ES6中拼接时，字符串是用键盘上顿号即键盘左边第一列第二行（`），中文的顿号键，包裹不是引号

2、字符串模板里边支持HTML标签

3、字符串模板中支持运算

4、字符串查找

　　ES5语法中，查找字符串使用indexOf，返回索引，而在ES6中使用includes直接返回的是布尔值。

let weather='晴天'
let day='今天是晴天，我们出去逛逛街吧'

console.log(day.includes(weather))//true

console.log(day.includes('阴天'))//false

　　判断开头或结尾是否存在某字段，使用startsWith和endsWith

let weather='晴天'
    let day='今天是晴天，我们出去逛逛街吧'
    console.log(day.startsWith(weather))//false
    console.log(day.endsWith('阴天'))//false

 5、复制字符串

let name="张三"

document.write("张三-".repeat(3)) //张三-张三-张三-

document.write(name.repeat(3)) //张三张三张三

document.write(name+'-'.repeat(3))//张三---

document.write((name+'-').repeat(3)) //张三-张三-张三-

document.write(`${jspang}+`.repeat(3));//张三+张三+张三+