JS 数字前加零 - Javascript

在 JavaScript 中, 有时候需要在数字前面自动添加“0”，例如表示月份或日期时，需要输出两位数字。在这里我们介绍几种实现这个功能的方法。

方法一：使用 padStart() 方法

padStart() 是 ES6 中新增的方法，用于在字符串的前面补全指定字符，达到指定的长度。我们可以将数字转为字符串，然后使用 padStart() 方法来实现在数字前添加“0”的效果。

let num = 9;
let strNum = String(num).padStart(2, '0');
console.log(strNum); // 09

代码说明：

1. 定义一个数值型变量 num，赋值为 9
2. 将数值型变量 num 转换为字符串类型并赋值给字符串型变量 strNum
3. 使用 padStart() 方法对字符串型变量 strNum 在字符串之前添加 "0"，使之达到长度为 2
4. 打印结果为 "09"

方法二：使用三目运算符

我们可以使用三目运算符来判断数字是否小于 10，如果小于，则在数字前面添加“0”作为前缀，否则返回原数字。

let num = 5;
let strNum = num < 10 ? '0' + num : num;
console.log(strNum); // 05

代码说明：

1. 定义一个数值型变量 num，赋值为 5
2. 通过三目运算符判断 num 是否小于 10，如果小于，则在 num 前加 "0"，否则返回原数字
3. 将处理后的数字赋值给字符串型变量 strNum
4. 打印结果为 "05"

方法三：使用 slice() 方法

我们可以将数字转为字符串，使用 slice() 方法获取字符串的长度，如果长度为 1，则在数字前面添加“0”作为前缀，否则返回原数字。

let num = 12;
let strNum = String(num);
strNum = strNum.length === 1 ? '0' + strNum : strNum;
console.log(strNum); // 12

代码说明：

1. 定义一个数值型变量 num，赋值为 12
2. 将数值型变量 num 转换为字符串类型并赋值给字符串型变量 strNum
3. 使用 slice() 方法获取字符串型变量 strNum 的长度，如果长度为 1，则在 strNum 前加 "0"，否则返回原字符串
4. 将处理后的字符串赋值给字符串型变量 strNum
5. 打印结果为 "12"

总结

上述是三种在 JavaScript 中添加“0”前缀的方法，你可以根据自己的项目需求选择相应的方法来实现数字前补零的效果。