JavaScript | 用前导零填充数字

在JavaScript中，我们可以使用 padStart() 方法来将数字填充为特定长度，并在前面添加零作为填充。这是一个在前端开发中非常有用的功能。

语法

str.padStart(targetLength[, padString])

• targetLength：必需，填充后字符串的目标长度，如果该值小于原始字符串的长度则直接返回原始字符串。
• padString：可选，用来填充的字符串，默认为 ' ' 空格。

示例

以下是使用 padStart() 方法来填充数字为3位数的示例：

const num1 = '1';
const num2 = '12';
const num3 = '123';
const num4 = '1234';

console.log(num1.padStart(3, '0'));  // 输出 001
console.log(num2.padStart(3, '0'));  // 输出 012
console.log(num3.padStart(3, '0'));  // 输出 123
console.log(num4.padStart(3, '0'));  // 输出 1234

在上面的示例中，padStart()方法将数字填充为了3位数，并在前面添加了零作为填充。num3 的值已经是3位数，所以不做任何操作，直接返回了原始值。num4 的长度大于目标值，所以也只返回原始值。

总结

JavaScript的 padStart() 方法能够非常方便地将数字填充为特定长度。这在前端开发中经常使用。从上面的示例中可以看到，只需要一行简单的代码就可以实现填充。