padStart() 是 JavaScript 字符串方法,用于在字符串開頭填充指定字符,直到達到目標長度。語法為 str.padStart(targetLength, padString),其中 targetLength 是填充后的總長度,padString 是填充字符。若原字符串長度已滿足或超過目標長度,則直接返回原字符串。
JavaScript中padStart()用法
padStart() 是 JavaScript 字符串方法,用于在字符串開頭填充指定字符,直到字符串達到目標長度。若原字符串長度已等于或超過目標長度,則直接返回原字符串。
1.語法
javascript1str.padStart(targetLength [, padString])
targetLength:填充后字符串的總長度。若小于原字符串長度,則返回原字符串。
padString(可選):填充的字符,默認為空格(" ")。若過長,會被截斷。
2.示例
基礎(chǔ)用法:
javascript1console.log("5".padStart(3, "0")); // 輸出 "005"
2console.log("abc".padStart(5)); // 輸出 " abc"(默認空格填充)
處理數(shù)字或時間格式:
javascript1const minute = "7";
2console.log(minute.padStart(2, "0")); // 輸出 "07"(補零)

3
4const date = "2023-1-5";
5const formatted = date.replace(/\b(\d)\b/g, (d) => d.padStart(2, "0"));
6console.log(formatted); // 輸出 "2023-01-05"
截斷填充字符:
javascript1console.log("x".padStart(5, "ab")); // 輸出 "ababx"(填充字符被截斷為 "ab")
3.注意事項
非字符串參數(shù):若原字符串非字符串類型,會先轉(zhuǎn)換為字符串。
javascript1console.log(123.padStart(5, "0")); // 輸出 "00123"(數(shù)字轉(zhuǎn)字符串后補零)
負值或無效參數(shù):targetLength 為負數(shù)時,按 0 處理;padString 為空時填充空格。
4.兼容性
支持所有現(xiàn)代瀏覽器及 Node.js(需版本 ≥ 6.0.0)。
5.總結(jié)
padStart() 適用于統(tǒng)一字符串長度(如日期、數(shù)字補零)、對齊文本或格式化輸出,靈活且簡潔。
JavaScript中的padStart從字符串的開頭用另一個字符串填充一個字符串到一定長度,并返回一個達到一定長度的結(jié)果字符串。無論是格式化輸出、數(shù)據(jù)對齊還是生成固定格式標識符,都需要高效可靠的填充方案。