ES6字符串常用扩展

1、寻找位置：includes(), startsWith(), endsWith()

{
    // --includes() ：  返回布尔值，表示是否找到了参数字符串。
    // --startsWith() ：返回布尔值，表示参数字符串是否在原字符串的头部。
    // --endsWith() ：  返回布尔值，表示参数字符串是否在原字符串的尾部。
    {
        let s = 'Hello world!';
        console.log(s.includes('o'));           // true
        console.log(s.startsWith('He'));        // true
        console.log(s.endsWith('!'));           // true      
        console.log("   ——————————");
    }
    {
        //----这三个方法都支持第二个参数，表示开始搜索的位置。
        let s = 'Hello world!';
        console.log(s.includes('Hello', 2));     // false
        console.log(s.startsWith('world', 6));   // true
        console.log(s.endsWith('Hello', 5));     // true
        // 上面代码表示，使用第二个参数n时，endsWith的行为与其他两个方法有所不同。
        // 它针对前n个字符，而其他两个方法针对从第n个位置直到字符串结束。
    }
}

2、重复字符串：repeat()

// repeat方法返回一个新字符串，表示将原字符串重复n次。
{
    console.log('x'.repeat(3));         // "xxx"
    console.log('hello'.repeat(2));     // "hellohello"
    console.log('na'.repeat(0));        // ""
}

3、字符串补全：padStart()、padEnd()

// 实例方法：padStart()用于头部补全，padEnd()用于尾部补全。
// ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。
{
    console.log('x'.padStart(5, 'ab'));     // 'ababx'
    console.log('x'.padEnd(5, 'ab'));       // 'xabab'
    
    // padStart()和padEnd()一共接受两个参数
    // 第一个参数是字符串补全生效的最大长度，第二个参数是用来补全的字符串。
}

{
    console.log('xxx'.padStart(2, 'ab'));       // 'xxx'
    console.log('xxx'.padEnd(2, 'ab'));         // 'xxx'
    //如果原字符串的长度 >= 最大长度，则返回原字符串。
}
{
    console.log('abc'.padStart(10, '0123456789'));   // '0123456abc'
    // 如果补全的字符串与原字符串两者的长度之和 > 最大长度，则会截去超出位数的补全字符串。
}
{    
    console.log('x'.padStart(4));  // '   x'
    console.log('x'.padEnd(4));    // 'x   '
    // 如果省略第二个参数，默认使用空格补全长度。
}

3.1 .padStart()的常见用途

{
    // padStart()的常见用途是为数值补全指定位数。比如下面代码生成 10 位的数值字符串。
    console.log('1'.padStart(10, '0'));         // "0000000001"
    console.log('12'.padStart(10, '0'));        // "0000000012"
    console.log('123456'.padStart(10, '0'));    // "0000123456"
    
    // 举例：创建一个数组，数组包含12个月份，
    // 月份格式是：“01”，“02” ... “10”，“11”，“12”；
    {
        let monList = [];
        for (let i = 1; i < 13; i++) {
            monList.push((i + "").padStart("2", "0"))
        }
        console.log(monList);// [“01”，“02”....]
    }
}

4、提示字符串格式。

{
    // 另一个用途是提示字符串格式。
    console.log('12'.padStart(10, 'YYYY-MM-DD'));       // "YYYY-MM-12"
    console.log('09-12'.padStart(10, 'YYYY-MM-DD'));    // "YYYY-09-12"
}

5、消除字符串空格：trimStart() ，trimEnd()

{
    // ES2019 对字符串实例新增了trimStart()和trimEnd()这两个方法。它们的行为与trim()一致，
    // trimStart()消除字符串头部的空格，trimEnd()消除尾部的空格。它们返回的都是新字符串，不会修改原始字符串。
    const s = `  abc`;
    console.log(s.trim());  // "abc"
    console.log(s.trimStart());  // "abc  "
    console.log(s.trimEnd());  // "  abc"
    
/*
	上面代码中，trimStart()只消除头部的空格，保留尾部的空格。trimEnd()也是类似行为。除了空格键，这两个方法对字符串头部（或尾部）的 tab 键、换行符等不可见的空白符号也有效。
    浏览器还部署了额外的两个方法，trimLeft()是trimStart()的别名，trimRight()是rimEnd()的别名。*/
}