前导0方法探究
我们在页面上展示时间是,通常会为了对强迫症患者表示友好,要求展示这样的格式2018-02-04 09:12:30
,正常的数字例如2018、12、30 这样的数字好说,直接展示出来就好,但是对于2、4、9这样的一位数字来说,就需要在前面加0补齐。今天在这里有两个方法,跟大家来探讨一下。
方法一 判断与10的关系
想一下,我们什么时候需要加0补位呢?当数字小于10的时候,数字就是一位数,就需要加0补位。如果是两位数字,就不需要加0补位了。
function addZero(num) {
// return num < 10 ? ("0" + num) : ("" +num);
if (num < 10) {
return "0" + num;
} else {
return "" + num;
}
}
addZero(1); // 01
addZero(12); // 12
方法二 字符串截取
我们可以先不管数字是几位数,现在数字前面添加“0”,例如
2 => "02"
6 => "06"
12 => "012"
34 => "034
之后,通过截取字符串的方式,保留后两位,于是我们可以通过 slice(-2) 或者 substr(-2)的方式来解决,代码如下:
function addZero(num) {
// return ("0" + num).slice(-2)
num = "0" + num;
return num.substr(-2);
}
addZero(1); // 01
addZero(12); // 12
我比较推荐第二种方法,因为这种方法的通用型比较好。如果我们碰到了要处理背景色Hex值时,第一种方法就要麻烦了。