JavaScript 如何在一位数字前添加0来格式化数字

有三种方法可以将数字格式化为在一位数字前添加0：

方法1：使用 padStart() 方法

padStart() 方法用于向字符串的左侧添加另一个字符串以达到特定的长度。将数字先通过传递给 String 构造函数来转换为字符串。在这个字符串上使用 padStart() 方法，其中 length 参数为2，要替换的字符串为字符’0’。这将使任何一位数字在前面添加’0’，而不影响两位数字。

语法:

prepended_number = String(number).padStart(2, '0')

示例：

function prependNumber() {
    let single_digit = 1;
    let two_digits = 03;
 
    let prepended_out =
        String(single_digit).padStart(2, '0');
    let prepended_out2 =
        String(two_digits).padStart(2, '0');
 
    console.log(prepended_out);
    console.log(prepended_out2);
}
 
prependNumber();

输出

01
03

方法2：检查数字是否小于9

在这种方法中，首先检查数字是否小于9。如果是真的，字符“0”会附加到数字上，否则，数字会被返回而没有任何改变。这将通过在前面添加一个“0”来格式化任何一位数字，并保留两位数数字。

语法：

function prependZero(number) {
   if (number < 9)
       return "0" + number;
   else
       return number;
}

示例:

function prependZero(number) {
    if (number < 9)
        return "0" + number;
    else
        return number;
}
 
function prependNumber() {
    let single_digit = 1;
    let two_digits = 03;
 
    let prepended_out = prependZero(single_digit);
    let prepended_out2 = prependZero(two_digits);
 
    console.log(prepended_out);
    console.log(prepended_out2);
}
 
prependNumber();

输出

01
03

方法3：使用slice()方法

slice()方法用于从指定的起始和结束索引提取字符串的部分。首先，无论数字是否为个位数，都会在前面添加一个’0’字符。这将使得个位数变为两位数，但两位数会转换为带有额外’0’的三位数。然后使用slice()方法提取结果数的最后两位数字。这样可以正确获取两位数的最后两位数字，并丢弃添加的额外’0’。单个数字现在被格式化为’0’。

语法：

prepended_number = ("0" + number).slice(-2) 

示例:

function prependNumber() {
    let single_digit = 1;
    let two_digits = 03;
 
    let prepended_out = (
        "0" + single_digit).slice(-2);
    let prepended_out2 = (
        "0" + two_digits).slice(-2);
 
    console.log(prepended_out);
    console.log(prepended_out2);
}
 
prependNumber();

输出

01
03