第一部分:字符串模板
例子:使用字符串模板不需要像以前一样拼接了
<div id="box"></div>
<script>
let box=document.querySelector("#box")
let obj={
name:"vina",
age:19,
level:6
}
box.innerHTML="姓名是:"+obj.name+","+"年龄:"+obj.name+","+"等级:"+obj.level
// 字符串模板怎么简化呢
box.innerHTML=`姓名:${obj.name},年龄:${obj.age},等级:${obj.level}`
</script>
第二部分:新增的方法
//判断 vina在不在字符串中
let str=" hello,vina vina "
//ES5
str.indexOf('vina') //6,判断结果大于0,就存在(ES5)
//ES6
str.includes('vina') //true(ES6),判断字符串是否包含XXX
str.startsWith('he') //true 判断字符串是不是以XXX开头
str.endsWith('na') //true 判断字符串是不是以XXX结尾
//ES5
str.trim() //去空,去头部空+去尾部空
//ES6
let str=" hello,vina vina "
str.trimStart() //"hello,vina vina " 只去头部
str.trimEnd() //" hello,vina vina" **只去尾部**