js实现前面自动补全位数的方法


Posted in Javascript onOctober 10, 2018

例如我们希望输出的数字长度是固定的,假设为10,如果数字为123,则输出0000000123,不够位数就在之前补足0,这里提供了四种不同的方式实现JS代码给数字补0 的操作

第一种

function PrefixInteger(num, length) {
 return (num/Math.pow(10,length)).toFixed(length).substr(2);
}

第二种

function PrefixInteger(num, length) {
 return ( "0000000000000000" + num ).substr( -length );
}

第三种

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

第四种方法:ES7提供了padstart()方法 存在一定兼容性问题选择性使用

let newArr= arr.map(num =>
  num.toString().padStart(10, '0')
 ),

以上这篇js实现前面自动补全位数的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
DOM 脚本编程中的兄弟节点
Oct 31 Javascript
JS 的应用开发初探(mootools)
Dec 19 Javascript
纯js网页画板(Graphics)类简介及实现代码
Dec 24 Javascript
Javascript中this的用法详解
Sep 22 Javascript
JavaScript中window.showModalDialog()用法详解
Dec 18 Javascript
关于javascript中dataset的问题小结
Nov 16 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 Javascript
jQuery表格(Table)基本操作实例分析
Mar 10 Javascript
vue2.0全局组件之pdf详解
Jun 26 Javascript
echarts整合多个类似option的方法实例
Jul 10 Javascript
浅谈Javascript中的对象和继承
Apr 19 Javascript
ES6的解构赋值实例详解
May 06 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
Oct 10 #Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
Oct 10 #Javascript
解决eclipse中没有js代码提示的问题
Oct 10 #Javascript
js实现同一个页面,多个enter事件绑定的示例
Oct 10 #Javascript
在React项目中使用Eslint代码检查工具及常见问题
Oct 10 #Javascript
jquery实现联想词搜索框和搜索结果分页的示例
Oct 10 #jQuery
Vue 重置组件到初始状态的方法示例
Oct 10 #Javascript
You might like
桌面中心(二)数据库写入
2006/10/09 PHP
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
php实现天干地支计算器示例
2014/03/14 PHP
基于GD2图形库的PHP生成图片缩略图类代码分享
2015/02/08 PHP
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
2010/06/28 Javascript
另一个javascript小测验(代码集合)
2011/07/27 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
2013/10/11 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
jquery ajaxSubmit 异步提交的简单实现
2014/02/28 Javascript
jquery实现的代替传统checkbox样式插件
2015/06/19 Javascript
jQuery使用animate创建动画用法实例
2015/08/07 Javascript
限制只能输入数字的实现代码
2016/05/16 Javascript
AngularJS控制器之间的通信方式详解
2016/11/03 Javascript
jquery插件bootstrapValidator数据验证详解
2016/11/09 Javascript
JavaScript仿微博发布信息案例
2016/11/16 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
2017/05/24 Javascript
nodejs的路径问题的解决
2018/06/30 NodeJs
vue实例的选项总结
2020/06/09 Javascript
[51:22]Fnatic vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python读取word文档的方法
2015/05/09 Python
Python判断Abundant Number的方法
2015/06/15 Python
pyspark 读取csv文件创建DataFrame的两种方法
2018/06/07 Python
python cs架构实现简单文件传输
2020/03/20 Python
浅析PyTorch中nn.Linear的使用
2019/08/18 Python
Python xlrd模块导入过程及常用操作
2020/06/10 Python
HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图
2015/08/31 HTML / CSS
TobyDeals美国:在电子产品上获得最好的优惠和折扣
2019/08/11 全球购物
HR喜欢的自荐信格式
2013/10/08 职场文书
小学推普周活动总结
2015/05/07 职场文书
入党后的感想
2015/08/10 职场文书
先进教师个人主要事迹材料
2015/11/03 职场文书
小学数学新课改心得体会
2016/01/22 职场文书
Java框架入门之简单介绍SpringBoot框架
2021/06/18 Java/Android
TypeScript中条件类型精读与实践记录
2021/10/05 Javascript