當你需要將數字轉換為字串時,JavaScript 提供了一個內建方法 String()
,而 padStart()
則是 String
物件的一個方法。它的作用是將字串從左側填補(padding)以達到指定的長度。這對於製作特定格式的字串,如日期格式化、數字格式化或對齊文字等情況非常有用。
padStart()
方法的語法如下:
String(n).padStart(targetLength, padString);
參數說明:
n
: 要轉換為字串的數字或其他數值。targetLength
: 最終希望的字串長度,如果原始字串長度小於targetLength
,則進行填補;如果原始字串長度大於或等於targetLength
,則不做任何處理,直接返回原始字串。padString
(可選):填補所使用的字串,預設是空格" "
。
範例:
const number = 42; const paddedNumber = String(number).padStart(6, "0"); console.log(paddedNumber); // 輸出 "000042" const text = "Hello"; const paddedText = text.padStart(10, "-"); console.log(paddedText); // 輸出 "--Hello" const longerText = "This is a longer text"; const paddedLongerText = longerText.padStart(10, "-"); console.log(paddedLongerText); // 因為原始字串長度大於或等於目標長度,所以輸出原始字串 "This is a longer text"
在上面的範例中,我們將數字 42
轉換為字串並進行填補,使其成為長度為 6 的字串,填補的內容是 "0"
。同樣地,我們也對 "Hello"
進行了填補,並指定填補內容為 "-"
,使其成為長度為 10 的字串。請注意,當原始字串的長度大於或等於目標長度時,padStart()
不會執行填補,直接返回原始字串。