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

ES 2017推出padStart和padEnd。

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