JavaScript padEnd()

記憶與理解此方法可以從其名字收入，padEnd由如下兩個單詞合成：

（1）.pad：翻譯成漢語具有"填塞"的意思。

（2）.end：翻譯成漢語具有"尾部"的意思。

標準對於此方法的定義是，在字串的結尾填充指定字元，最終達到指定長度，功能恰如起名。

特別說明：此方法不會修改原字串，而是返回一個填充後的副本，與此方法對應的是padStart方法。

padStart方法可以在源字串的起始位置進行填充，具體參閱JavaScript padStart()一章節。

此方法是ES2017新增。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
str.padEnd(targetLength [, padString])

引數解析：

（1）.targetLength：必需，當前字串在被填充後到達的目標長度，如果當前字串原本就達到或者超過該長度，那麼此方法什麼都不會做，直接返回原字串。

（2）.padString：可選，將要在尾部填充字串，如果在填充過程中發現用不完這一整個填充字串，則優先用左側部分，能用多少用多少；如果省略改引數，預設為空格 " " 。

瀏覽器支援：

（1）.IE瀏覽器不支援此方法。

（2）.edge瀏覽器支援此方法。

（3）.谷歌瀏覽器支援此方法。

（4）.opera瀏覽器支援此方法。

（5）.火狐瀏覽器支援此方法。

（6）.safria瀏覽器支援此方法。

如果感覺上述闡述還不夠清晰，不用擔心，下面將通過程式碼例項對其進行詳細介紹。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let str="ant";
console.log(str.padEnd(10))

程式碼執行效果截圖如下：

程式碼分析如下：

（1）.此方法只規定一個引數10，此數字是生成字串的目標長度。

（2）.沒有規定第二個引數，那麼將使用空格進行尾部填充，上圖中藍色部分就是空格。

（3）.通過利用空格在字串尾部不斷填充，最終目標字串的長度達到10。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let str="ant";
console.log(str.padEnd(10).length)
console.log(str.padEnd(10,"zone"))

程式碼執行效果截圖如下：

程式碼分析如下：

（1）.第一個引數是數字10，規定填充後字串的目標長度。

（2）.第二個引數是"zone"，規定用於在尾部填充的字元。

（3）.最終的填充結果是"antzonezon"，字串的長度恰好是10，可以看到"zone"沒必要非得完整的填充，該切割的切割，還是很靈活的，人在屋簷下不得不低頭，在任何地方好像都適用。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let str="antzone";
console.log(str.padEnd(6).length)
console.log(str.padEnd(6,"xxx"))

程式碼執行效果截圖如下：

程式碼分析如下：

（1）.首先，原字串的長度是7，我們要達到的目標長度是6。

（2）.也就是說，原字串的長度可能會大於等於目標長度。

（3）.這種情況下，方法不會進行填充操作，直接返回原字串。