es2017 提供的针对字符串填充的函数:padStart、padEnd

ES 2017推出padStartpadEnd

String Padding

padStart()padEnd()方法用来把一个字符串填到另一个字符串,直到结果字符串到达提供的长度。字符串将在必要时会重复。

  • padStart():从字符串左边开始填充
  • padEnd(): 从字符串右边开始填充

padStart

让我们看一个简单的例子。下面,我们将使用字符串'cat'。如果只有一个参数,结果字符串会添加空字符串进去,让结果字符串的长度达到参数指定的长度;正如你看到的,你也可以提供第二个参数,用来填充到字符串的字符:

'cat'.padStart(5);         // => '  cat'
'cat'.padStart(5, 'a');    // => 'aacat'

下面看到的是一些高级用例。请注意了,如果字符串最初的length大于padStart()的值,则不会有任何东西填充到指定的字符串里:

'cat'.padStart(1, 'a');    // => 'cat'
'cat'.padStart(5, 'abc');  // => 'abcat'
'cat'.padStart(8, 'abc');  // => 'abcabcat'

padEnd

同样,padEnd()方法和padStart()一样,其唯一区别是字符串被应用到当前字符串的末尾。我们将使用与上面相同的例子来演示padEnd()的结果:

'cat'.padEnd(5);         // => 'cat  '
'cat'.padEnd(5, 'a');    // => 'cataa'

同样的,来看几个高级用例:

'cat'.padEnd(1, 'a');    // => 'cat'
'cat'.padEnd(5, 'abc');  // => 'catab'
'cat'.padEnd(8, 'abc');  // => 'catabcab'

原文: https://www.w3cplus.com/javascript/learn-javascript-es-2017-string-padding-padstart-padend.html © w3cplus.com

原文地址:https://www.cnblogs.com/JAVA-STUDYER/p/10892378.html