ES6中字符串扩展

时间：2022-04-21 09:37:33

ES6中字符串扩展　

　　① for...of 遍历字符串：

　　例如：

 for(let codePoint of 'string'){

   console.log(codePoint)

 }

　　运行结果：

　　　　ES6中字符串扩展

　　②  includes()，startsWith()，endsWith()

　　　　说明：三个方法都接收两个参数，第一个参数为检索的值，第二个参数为检索的起始位置，返回布尔值

　　　　例如：

 let s = 'Hello world!';

 const [a, b, c] = [

     s.startsWith('Hello', 2),

     s.endsWith('!'),

     s.includes('o w')

 ];

 console.log(a, b, c); // false true true

　　③  repeat()

　　　　说明：repeat 方法返回一个新字符串，表示将原字符串重复 n 次。

  • 　注意：
    • 参数为[-Infinity,-1]或者 Infinity，会报错；
    • 参数为(-1,1)时，相当于参数为 0；
    • 参数为小数时向下取整；
    • 参数 NaN 等同于 0；
    • 参数是字符串，则会先转换成数字。

　　　　例如：

 'str'.repeat('3') // 'strstrstr'

　　④ padStart(), padEnd()

　　　　说明：接受两个参数，第一个参数为字符串补全生效的最大长度，第二个参数为补全的字符串。

  • 　注意：
    • 第二个参数默认为空格，省略第二个参数时默认用空格补全；
    • 第一个参数小于字符串原长度时，返回原字符串；
    • 参数为小数时向下取整；
    • 如果用来补全的字符串与原字符串，两者的长度之和超过了最大长度，则会截去超出位数的补全字符串；

　　　　常见用途：补全指定位数，提示字符串格式。

　　　　例如：

 '123456'.padStart(10, '0') // "0000123456"

 '09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"

　　⑤  模版字符串（``)

　　　　例如：

 const str = 'world';

 const template = `Hello ${str}`;

 console.log(template); // Hello world

　　

相关文章