js 技巧之数字前补零

简介: 数字前补零,这是我们在开发中经常遇到的一个需求
/**
*   num为你想要进行填充的数字
*   length为你想要的数字长度
*/

//迭代方式实现
padding1=(num, length)=> {
  for(let len = (num + "").length; len < length; len = num.length) {
      num = "0" + num;            
  }
  return num;
}

//递归方式实现
padding2=(num, length) =>{
  if((num + "").length >= length) {
      return num;
  }
  return padding2("0" + num, length)
}

//转为小数
padding3=(num, length)=> {
  let decimal = num / Math.pow(10, length);
  //toFixed指定保留几位小数
  decimal = decimal.toFixed(length) + "";
  return decimal.substr(decimal.indexOf(".")+1);
}

//填充截取法
padding4=(num, length)=> {
  //这里用slice和substr均可
  return (Array(length).join("0") + num).slice(-length);
}

//填充截取法
padding5=(num, length)=> {
  let len = (num + "").length;
  let diff = length+1 - len;
  if(diff > 0) {
      return Array(diff).join("0") + num;
  }
  return num;
}
目录
相关文章
|
JavaScript
利用JS求1-100之间所有能被3整除的数字之和
利用JS求1-100之间所有能被3整除的数字之和
利用JS求1-100之间所有能被3整除的数字之和
|
存储 JavaScript 前端开发
每日一学—JavaScript数字
JavaScript数字的学习
122 0
每日一学—JavaScript数字
|
JavaScript 前端开发 算法
剑指 Offer 03. 数组中重复的数字:JavaScript 的两种哈希解法
剑指 Offer 03. 数组中重复的数字:JavaScript 的两种哈希解法
86 0
剑指 Offer 03. 数组中重复的数字:JavaScript 的两种哈希解法
|
JavaScript
利用JS实现猜数字小游戏
利用JS实现猜数字小游戏
利用JS实现猜数字小游戏
|
JavaScript 前端开发
Javascript之为数字添加货币(千位分隔符)格式同时保留小数点后两位
Javascript之为数字添加货币(千位分隔符)格式同时保留小数点后两位
270 0
Javascript之为数字添加货币(千位分隔符)格式同时保留小数点后两位
|
JavaScript
源生JS 之对象key值为数字时的取值及修改key值方法
源生JS 之对象key值为数字时的取值及修改key值方法
473 0
源生JS 之对象key值为数字时的取值及修改key值方法
|
JavaScript 前端开发 索引
丢失的数字使用JavaScript解决问题
丢失的数字使用JavaScript解决问题
162 0
|
存储 前端开发 算法
LeetCode只出现一次的数字使用JavaScript解题|前端学算法
LeetCode只出现一次的数字使用JavaScript解题|前端学算法
149 0
|
JavaScript
JS 实现给数字加三位一逗号间隔的两种方法
JS 实现给数字加三位一逗号间隔的两种方法
|
JSON JavaScript 数据格式
js将 一串数字1403149534转换为日期格式
js将 一串数字1403149534转换为日期格式
346 0