js 数字前补零

在平时开发过程中，如日期，编号等，经常中会用到前导0的情况。总结一下，给大家参考这个时候可以有哪些做法。

1、直接判断位数

num=num<10?"0"+num:num;

这种方法的优势很明显，可读性也强，一看就知道代码是干嘛的。同样，缺点也很明显，不可复用，每个变量都要写判断，代码冗余。

2、用函数简单封装一下

function addZero(num){
 if(num<10){
  return '000'+num;
 }else if(num<100){
  return '00'+num;
 }else if(num<1000){
  return '0'+num;
 }else{
  return num;
 }
}

这种方法，还是沿用之前的思路，只是扩展了位数的判断。不过这样的算法写起来比较麻烦，如果需要的前置0非常多的话，那么得写很多的if...else。

3、改进的封装

function addZero(num) {
	var t = (num + '').length,
		s = '';
	for (var i = 0; i < 4 - t; i++) {
		s += '0';
	}
	return s + num;
}

这种方式的实现，是根据当前num的位数，来计算出所有的前置0，然后再拼接上num。

在这个基础上，我们还可以这样考虑：比如需要一共是10位的有前置0的数据，那么首先不管当前数字是多少位的，都先补上9个前置0，然后再截取这个字符串最后的10位，那么获取到的就是需要的数据：

4、固定位数的前导零

function addZero(num) {
	return ('000000000' + num).slice(-10);
}

上述上式都还是有点缺陷，那就是一个项目中，需要不同位数的前导零时，还是得修改代码。因此，我们再改进一下：

5、用原型链

Number.prototype.az = function(n = 2) {
	let s = "";
	for (let i = 1; i < n; i++) {
		s += '0';
	}
	return (s + this).slice(-1 * n);
}

这种方式，代码少，又灵活又方便。注：此方式用到了ES6的参数默认值的写法。如果环境不允许使用ES6的话，可以自行用ES5给参数添加默认值。

如果要不同的位数前导零，也可以非常方便的满足

let a=6;
a.az();//06
a.az(3);//006
a.az(4);//0006
a.az(5);//00006
a.az(6);//000006
a.az(7);//0000006
a.az(10);//0000000006

以上就是这篇文章的全部内容了，实现想要的结果很多的方法，我们应该尽可能的想出更多的方法，一方面能够拓展我们的思维，另一方面也能让我们选择出更好的方式。希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。