字符串的扩展

1、for...of循环遍历

var str = "hello";
 
for(let i of str) {
    console.log(i);
}

2、includes(), startsWith(), endsWith()

     --includes()：返回布尔值，表示是否找到了参数字符串。

     --startsWith()：返回布尔值，表示参数字符串是否在源字符串的头部。

     --endsWith()：返回布尔值，表示参数字符串是否在源字符串的尾部。

var s = 'Hello world!';
 
s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true

3、repeat()  repeat方法返回一个新字符串，表示将原字符串重复n次。

'x'.repeat(3) // "xxx"

4、padStart()，padEnd()

     字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。

'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'
'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

5、模板字符串

     模板字符串（template string）是增强版的字符串，用 反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。

     -- 模板字符串表示多行字符串，所有的空格和缩进都会被保留在输出之中。

     -- 模板字符串中嵌入变量，需要将变量名写在 ${}之中

// 普通字符串
`In JavaScript '\n' is a line-feed.`
 
// 多行字符串
`In JavaScript this is
not legal.`
 
// 字符串中嵌入变量
var name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`

     -- 标签模板

         标签模板其实不是模板，而是函数调用的一种特殊形式。“标签”指的就是函数，紧跟在后面的模板字符串就是它的参数。

alert`123`
// 等同于
alert(123)
 

 

         

     

转载于:https://www.cnblogs.com/nankeyimeng/p/7273780.html