字符串的拓展

新加了 includes() startsWith() endsWith()三种查找字符串的方法

{
 //三种方法都返回一个boolean值
 const s='hello world';
 console.log(s.includes('o'));//true 
 console.log(s.startsWith('hello'));//true
 console.log(s.endsWith('world'));//true
 console.log(s.endsWith('h'));//false
}
//方法中还可以传第二个参数,第二个参数代表着从第几个下标开始查找
{

 const s='hello world';
 console.log(s.includes('e',6));//false
 console.log(s.startsWith('hello',0));//true
 console.log(s.endsWith('world',6));//true
}

这三种方法相比较indexOf来说，更加灵活，也方便很多，缺点就是include没有返回下标，有人就说了，你这不是废话嘛，返回下标不就是indexOf了，额,,,,,还真是那么回事。。。。。。。

repeat 重复复制方法

{
  const s='abc';
  console.log(s.repeat(3));//abcabcabc
  console.log(s.repeat(3.8));//abcabcabc
  console.log(s.repeat(0));//''
  console.log(s.repeat(-0.8));//''
 console.log(s.repeat(-1));//报错
}

上面的例子可以看出，正整数按照传的参数重复n出来 小数取小数点前的数重复n次出来 负数报错

padStart padEnd方法

{
   const s='string';
   console.log(s.padStart(8,'abcd'));//abstring
   console.log(s.padStart(4,'abcd'));//string
   console.log(s.padEnd(8,'abcd'));//stringab
   console.log(s.padStart(8));//  string
   console.log('9'.padStart(2,'0'));//09  时间补零
}

这两个方法的第一个参数，就是要控制字符串的length，第二个参数就是要在原有的字符串上加的字符串，padStart就是在原有字符串前面加字符串，padEnd就是在原有字符串后面加字符串，当加的字符串加上原有字符串的length大于第一个参数时，就会自动把多余的截取掉，如果小于原有字符串的length就会返回原有的字符串

模板字符串

{
   let {a,b,c,d}={a:'张三',b:15,c:'IT',d:function (){return 'show'}}
   let [x,y]=[10,3];
   const s=`
       <ul>
           <li class="show">${a}</li>
           <li data-index="1">${b}</li>
           <li class="none">${c}</li>
           <li class="none">${d()}</li>
            <li class="none">${x+y}</li>
        </ul>
     `;
    document.querySelector('body').innerHTML=s;
}

字符串模板真心犀利啊，以前弄个复杂点的字符串拼接，那叫一个费劲啊，现在有了字符串模板，真是我大前端的福音啊，两个``就搞定了，里面大括号内部可以放入任意的JavaScript表达式，可以进行运算，以及引用对象属性。
</br>
字符串新加的这几个方法个人感觉padStart()和字符串模板是真心大大的有用的，例如时间倒计时，你还得对小时和分秒补零，有了这个方法就是小菜一碟了，字符串模板就不用说了，ajax交互局部渲染的时候，用到那是肯定的
</br>
OK，字符串几个拓展就简单的介绍这几个，咱们万年不变的惯例，如果想学习更详细的资料请狠狠的点击这里！
</br>
</br>