ECMAScript6--字符串的扩展

发表于 | 分类于 ， ， | 本文总阅读量 次
字数统计: 1k | 阅读时长 ≈ 3

字符串的扩展

确定字符串是否在另一个字符串中

  • includes（）：返回布尔值，表示是否找到了参数字符串
  • startsWith（）： 返回布尔值，表示参数字符串是否在源字符串的头部
  • endsWith（）：返回布尔值，表示参数字符串是否在源字符串的尾部

注意：使用第二个参数n时，endsWith的行为和其他两个不一样，endsWith针对前n个字符，而其他两个方法针对从第n个位置直到字符串结束

repeat()

该方法返回一个新的字符串，表示将原字符串重复n次

1
2
3
4
'x'.repeat(3) //'xxx'
'hello'.repeat(2) //'hellohello'
'na'.repeat(0) //''
'na'.repeat(2.9) //'nana'如果是小数，会被取整，参数如果是infinity或者负数会报错

但是，如果参数是0到-1之间的小数，则等同于0，这是因为会先进行取整运算。0到-1之间的小数，取整以后等于-0，repeat视同为0.
参数NaN等同于0
如果repeat的参数是字符串，则会先转换成数字

padStart()、padEnd()

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

1
2
3
4
5
'x'.padStart(5,'ab') //'ababx'
'x'.padStart(4,'ab') //'abax'

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

这两个方法一共接收两个参数，第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。如果原字符串的长度，等于或大于指定的最小长度，则返回原字符串。

1
'xxxx'.padStart(3,'ab') //'xxxx'

如果忽略第二个参数，则会用空格补全长度

模板字符串

是增强版的字符串，用反引号`表示。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。

1
2
3
4
5
6
7
//普通字符串
`hello`
//多行字符串
`hello
hello`
//字符串嵌入变量
`hello ${name}`
  • 如果在模板字符串中需要使用反引号，可以用反斜杠转义。\`。
  • 如果使用模板字符串表示多行字符串，所有的空格和缩进都会被保留在输出之中。
  • 模板字符串中嵌入变量，需要将变量名写在${}中
  • 大括号内部可以放入任意的js表达式，可以进行运算，以及引用对象属性。${y*2},${x:1}
  • 模板字符串之中还可以调用函数`foo ${fn()} `
  • 如果大括号中的值不是字符串，将按照一般的规则转为字符串。比如大括号中是一个对象，将默认调用对象的toString方法。
  • 如果模板字符串中的变量没有声明，将报错
  • 由于模板字符串的大括号内部就是执行js代码，因此如果大括号内部是一个字符串，将会按照原样输出。
  • 如果需要引用模板字符串本身，需要在模板字符串加’’

标签模板

模板字符串的功能，它可以跟在一个函数名后面，该函数将被调用来处理这个模板字符串。这被称为“标签模板”功能。
标签模板其实不是模板，而是函数调用的一种特殊形式。“标签”只得就是函数，紧跟在后面的模板字符串就是它的参数。

String.raw()

这是原生的String方法提供的raw方法。该方法往往用来充当模板字符串的处理函数，返回一个斜杠都被转义（即斜杠前面再加一个斜杠）的字符串，对应于替换变量后的模板字符串。如果原字符串的斜杠已经转义，那么String.raw不会做任何处理。
该方法可以作为处理模板字符串的基本方法，它会将所有变量替换，而且对斜杠进行转义，方便下一步作为字符串来使用

-------------本文结束感谢您的阅读-------------