ES6 —— 字符串

1）子串的识别

ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法

• includes()：返回布尔值，判断是否找到参数字符串。

• startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。

• endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。

以上三个方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引

 （1）includes   判断字符串中是否包含某个子串

        var str = "helloworld"
        var re = str.includes("wo")
        console.log(re);

 2）startsWith   判断字符串是否以某个字符或字符子串开头

        var str = "2532040197"
        var re = str.startsWith("25")
        console.log(re);

        var re2 = str.startsWith("32",2) 
        //第二个参数表示从字符串哪个位置开始判断
        console.log(re2);

3）endsWith  判断字符串是否以某个字符或字符子串结尾

        var str = "2532040197"
        var re = str.endsWith("7")
        console.log(re);

        var re2 = str.endsWith("40",7) 
        //第二个参数表示判断前多少位，也就是到第几位为止
        console.log(re2);

注意：

• 这三个方法只返回布尔值，如果需要知道子串的位置，还是得用 indexOf 和 lastIndexOf 。

• 这三个方法如果传入了正则表达式而不是字符串，会抛出错误。而 indexOf 和 lastIndexOf 这两个方法，它们会将正则表达式转换为字符串并搜索它。

 

2）字符串重复

        repeat()：返回新的字符串，表示将字符串重复指定次数返回。

        var str = "abc"
        var str2 = str.repeat(3)
        console.log(str2);

 其中repeat的参数有以下几种特殊取值情况：

（1）参数是大于0的小数时，会自动向下取整

        var str = "abc"
        var str2 = str.repeat(3.6)
        console.log(str2);

（2） 如果参数是 0 至 -1 之间的小数，会进行取整运算，0 至 -1 之间的小数取整得到 -0 ，等同于 repeat 零次

        var str = "abc"
        var str2 = str.repeat(-0.6)
        console.log(str2);

（3）如果参数是 NaN，等同于 repeat 零次

        var str = "abc"
        var str2 = str.repeat(NaN)
        console.log(str2);

（4）如果参数是<=-1的负数或者 Infinity ，会报错:

        var str = "abc"
        var str2 = str.repeat(-1)
        // var str3 = str.repeat(Infinity)
        console.log(str2);

（5）如果传入的参数是纯数字的字符串，则会先将纯数字字符串转化为数字

        var str = "abc"
        var str2 = str.repeat("3")
        console.log(str2);

3）字符串补全

• padStart：返回新的字符串，表示用参数字符串从头部补全原字符串。

• padEnd：返回新的字符串，表示用参数字符串从尾部补全原字符串。

        以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度，第二个参数是用来补全的字符串。如果没有指定第二个参数，默认用空格填充。

        如果指定的长度小于或等于原字符串的长度，则返回原字符串。

        如果原字符串加上补全字符串长度大于指定长度，则截去超出位数的补全字符串。

 （1）padStart   在字符串开头补全

        var str = "1234"
        var str2 = str.padStart(8,"abc")
        console.log(str2);

（2） padEnd  在字符串末尾补全

        var str = "1234"
        var str2 = str.padEnd(8,"abc")
        console.log(str2);

4）模板字符串

模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。        

注意：模板字符串中的换行和空格都是会被保留的。

（1）定义多行字符串

        var str = `hello,
        xiaozhang,nice to see you!`
        console.log(str);

 （2）变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式。

        var name = "xiaozhang"
        var age = 21
        var str = `我是${name},我今年${age}岁`
        console.log(str);