华夏棋牌 > web前端 > js教程 > 注释

js怎样补齐数字

原创 2019-05-24 14:41:27 0 898
赞助会员专享特权
例如我们欲望输入的数字长度是结实的,假定为10,假定数字为123,则输入0000000123,不够位数就在之前补足0。虽然你也能够或许凭证本章的代码自行更改想补得数字。

这里供应了三种不合的要领完成JS代码给数字补0 的操作:

措施一:迭代要领完成

function PrefixInteger(num, length) {
  for(var len = (num + "").length; len < length; len = num.length) {
   num = "0" + num;
   }
  return num;
}

措施二:转为小数

function PrefixInteger(num, length) {
 var decimal = num / Math.pow(10, length);
  //toFixed指定生涯几位小数
  decimal = decimal.toFixed(length) + "";
  return decimal.substr(decimal.indexOf(".")+1);
}

措施三:更高效

function PrefixInteger(num, length) {
 return (Array(length).join('0') + num).slice(-length);  
}

测试:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript 数字前补“0”</title>
<body>
<script>
 //迭代要领完成
 function padding1(num, length) {
  for(var len = (num + "").length; len < length; len = num.length) {
   num = "0" + num;
  }
  return num;
 }
//转为小数
 function padding2(num, length) {
  var decimal = num / Math.pow(10, length);
  //toFixed指定生涯几位小数
  decimal = decimal.toFixed(length) + "";
  return decimal.substr(decimal.indexOf(".")+1);
 }
 //填充截取法
 function padding3(num, length) {
  //这里用slice和substr都可
  return (Array(length).join("0") + num).slice(-length);
 }

 function test(num, length) {
  document.write(padding1(num, length));
  document.write("<br>");
  document.write(padding2(num, length));
  document.write("<br>");
  document.write(padding3(num, length));
 }
 test(123, 10);
</script>
</body>
</html>

效果:

0000000123  
0000000123  
0000000123

以上就是js怎样补齐数字的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:js
  • 本文原创宣布php中文网 ,转载请注明出处,谢谢您的尊重!
  • 相关文章


  • html css js是甚么?
  • js隐藏元素用甚么措施?
  • 学js须要甚么基础?
  • js全称是甚么?
  • js怎样补齐数字
  • 网友议论

    文明上彀理性语言,请遵守 新闻议论服务协定

    我要议论

    独孤九贱(5)_ThinkPHP5视频教程

    ThinkPHP是国际最盛行的中文PHP开发框架,也是您Web项目的最好选择。《php.cn独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架知识泉源,将...

    • 2017-05-16 12:03:57
    • 点击数(177357)

    独孤九贱(4)_PHP视频教程

    江湖传言:PHP是天下上最好的编程语言。真的是这样吗?这个梗现实是从哪来的?学会本课程,你就会明确了。 华夏棋牌-万豪棋牌电玩城-微信娱乐棋牌出品的PHP入门系统教授修养视频,完全从初学者的角度出发,绝不玩虚的,一切以适用、有用...

    • 2017-03-20 22:47:17
    • 点击数(173065)

    独孤九贱(1)_HTML5视频教程

    华夏棋牌《php.cn原创html5视频教程》课程特点:php中文网原创滑稽段子系列课程,以恶弄,段子为主题气焰气焰的php视频教程!轻松的教授修养气焰气焰,杂乱的教授修养形式,让同砚们在不知不觉中,学会了HTML知识。 ...

    • 2017-03-13 10:15:11
    • 点击数(140593)

    ThinkPHP5实战之[教授修养治理系统]

    本套教程,以一个真实的黉舍教授修养治理系统为案例,手把手教会您怎样在一张白纸上,从零泉源,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

    • 2017-07-24 16:48:56
    • 点击数(133319)

    PHP入门视频教程之一周学会PHP

    华夏棋牌所有盘算机语言的学习都要从根原泉源,《PHP入门视频教程之一周学会PHP》不只是PHP的基础部门更主要的是PHP语言的焦点手艺,是学习PHP必须控制的内容,任何PHP项目的完成都离不开这部门的内容,通...

    • 2016-11-16 14:54:14
    • 点击数(133072)

    作者信息

    (*-*)浩

    认证0级讲师

    比来文章
    javafx有甚么用 459
    fastdfs为甚么要联络nginx 853
    nginx若何准确装备https 727

    相关视频教程

  • NodeJS最新Web框架Meteor视频教程
  • AJAX跨域处置赏罚赏罚妄图:JSONP视频教程
  • js高等面向工具和组件开发视频教程
  • JS笼统类和事宜设计形式视频教程
  • 相关视频章节

    北京pk10-北京pk10新凤凰-凤凰pk10预测 捕鱼达人3-捕鱼达人3无限金币免费版 幸运五张-幸运五张规则-掌联幸运五张安卓版 助赢时时彩-韩国时时彩助赢-韩国时时彩助赢计划 安徽福彩网-安徽福彩快3网上购买 pc蛋蛋预测-pc蛋蛋助赢软件 北京pk10开奖-pk10赛车群-pk10开奖首选网上手游 qq捕鱼大亨-千炮捕鱼-qq游戏捕鱼大亨 飞5游戏-飞五游戏官方下载-飞五游戏骗局 888棋牌游戏-盛大娱乐棋牌平台-棋牌电玩城送彩金