字符串模板 & 字符串新增的方法

1. 什么是字符串模板

字符串模板就是拼接字符串用的，以前用++,很麻烦，而且容易出错，现在可以用``,然后里面用${变量名}来进行字符串的拼接，优点是可以随意换行，而且不容易出错。

例:

    <script>
        let person = 'jason';
        let age = 18;
        let str = `我是${person}，我今年${age}岁`;
        console.log(str);//我是jason，我今年18岁
    </script>

2. 字符串新增的方法

• includes
  作用： 查找字符串当中是否含有某个字符串，返回true或false；
  用法： str.includes（要查找的字符串）；
  字符串原来有个indexOf的方法，返回的是查找的字符串的索引，如果没有找到就返回'-1';现在可以用includes来代替它了。
  用处： 判断浏览器等等。

<script>
        let str = 'apple banana orange';
        let a = str.indexOf('apple');
        let b = str.includes('apple');
        console.log(a, b);//0, true
    </script>

• startsWith 和 endsWith
  作用： 查找字符串的开头或者结尾是否包含某个字符串，返回true或false;
  用法： str.startsWith(检测的字符串);
  用处： startsWith用在判断网址是http还是https; endsWith用在判断图片是以什么结尾的png还是jpg

    <script>
        let str = 'http://www.baidu.com'
        var a = str.startsWith('http');
        var b = str.endsWith('com');
        console.log(a, b);//true, true
    </script>

• repeat
  作用： 重复某个字符串；
  用法： str.repeat(需要重复的次数);

<script>
        let str = 'hello';
        var a = str.repeat(3);
        console.log(a);//hellohellohello
    </script>

• padStart 和 padEnd
  作用： 在字符串的开头和结尾填充需要的字符串；
  用法： str.padStart('填充完之后整个字符串的长度'，'想要填充的字符串');

<script>
        let str = 'hello';
        let str1 = 'xx';
        let str2 = 'oo'
        var a = str.padStart(str.length+str1.length, str1);
        var b = str.padEnd(str.length+str2.length, str2);
        console.log(a,b);//xxhello, hellooo
    </script>