ES6学习-字符串的扩展

第一部分：字符串模板

例子：使用字符串模板不需要像以前一样拼接了

<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"   **只去尾部**
复制代码