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

轉載于:https://www.cnblogs.com/JAVA-STUDYER/p/10892378.html

總結

以上是生活随笔為你收集整理的es2017 提供的针对字符串填充的函数：padStart、padEnd的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。