ES6学习-字符串的扩展

246 阅读1分钟

第一部分:字符串模板

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

<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"   **只去尾部**