用 JavaScript 中的前导零填充一个数字-JavaScript中文网-JavaScript教程资源分享门户

在编写前端代码时，我们经常需要将数字格式化为特定的字符串格式。其中一种常见需求是将数字填充为指定位数，并用前导零补齐不足的位数。例如，将数字 7 填充为长度为 2 的字符串应该得到字符串 "07"。

JavaScript 提供了一个内置函数 padStart() 来执行此操作。本文将介绍 padStart() 函数的使用方法，并提供一些示例代码方便你学习和实践。

padStart() 函数的语法和参数

padStart() 是字符串对象的一个原型方法，其语法如下：

string.padStart(targetLength [, padString])

其中，targetLength 参数是填充后字符串的目标长度。如果当前字符串的长度小于目标长度，则向其左侧填充字符以达到目标长度；否则，返回原字符串。如果 padString 参数提供了填充字符，则使用该字符进行填充；否则，默认使用空格字符 " " 进行填充。

下面是一些示例，演示如何使用 padStart() 函数填充数字以及其他字符串。

const number = 7;
const paddedNumber = number.toString().padStart(2, "0");
console.log(paddedNumber); // "07"

在上面的示例中，我们首先将数字 7 转换为字符串，然后调用 padStart() 方法将其填充为长度为 2 的字符串，并使用前导零进行补齐。

const str = "hello";
const paddedStr = str.padStart(10, "-");
console.log(paddedStr); // "-----hello"

在上面的示例中，我们填充了一个长度为 5 的字符串 "hello"，使其达到长度为 10 的目标长度，并使用字符 "-" 进行填充。

const str = "world";
const paddedStr = str.padStart(10);
console.log(paddedStr); // "     world"

在上面的示例中，我们填充了一个长度为 5 的字符串 "world"，使其达到长度为 10 的目标长度，并使用默认的空格字符进行填充。

在本文中，我们介绍了 JavaScript 中用于填充数字和字符串的内置函数 padStart()。我们讨论了该函数的语法和参数，并提供了一些示例代码演示如何使用该函数进行填充操作。希望这篇文章能够帮助你更好地理解和应用 padStart() 函数，并且在实践中获得更好的效果。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/8509