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 相关文章推荐
javascript入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
Jquery中对数组的操作代码
Aug 12 Javascript
jquery如何改变html标签的样式(两种实现方法)
Jan 16 Javascript
浅析IE10兼容性问题(frameset的cols属性)
Jan 03 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
详解Backbone.js框架中的模型Model与其集合collection
May 05 Javascript
Winform客户端向web地址传参接收参数的方法
May 17 Javascript
jQuery中on方法使用注意事项详解
Feb 15 Javascript
AngularJS监听路由变化的方法
Mar 07 Javascript
详解JS中的attribute属性
Apr 25 Javascript
js编写简单的聊天室功能
Aug 17 Javascript
vue使用recorder.js实现录音功能
Nov 22 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
保存到桌面、设为桌面且带图标的PHP代码
2013/11/19 PHP
php 使用curl模拟登录人人(校内)网的简单实例
2016/06/06 PHP
PHP中file_put_contents追加和换行的实现方法
2017/04/01 PHP
PHP多进程简单实例小结
2019/11/09 PHP
解决PhpStorm64不能启动的问题
2020/06/20 PHP
Nigma vs Alliance BO5 第一场2.14
2021/03/10 DOTA
Jquery阻止事件冒泡 event.stopPropagation
2011/12/11 Javascript
javascript的offset、client、scroll使用方法详解
2012/12/25 Javascript
jquery入门—访问DOM对象方法
2013/01/07 Javascript
基于dom编程中 动态创建与删除元素的使用
2013/04/17 Javascript
超简单JS二级、多级联动的简单实例
2014/02/18 Javascript
javascript实现base64 md5 sha1 密码加密
2015/09/09 Javascript
jQuery 生成svg矢量二维码
2016/08/09 Javascript
在Vue中使用Compass的方法
2018/03/02 Javascript
jquery实现选项卡切换代码实例
2019/05/14 jQuery
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
2020/03/10 Javascript
基于vue hash模式微信分享#号的解决
2020/09/07 Javascript
[38:23]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第一场
2014/05/24 DOTA
Django实现自定义404,500页面教程
2017/03/26 Python
学习python中matplotlib绘图设置坐标轴刻度、文本
2018/02/07 Python
解决pyttsx3无法封装的问题
2018/12/24 Python
python生成器与迭代器详解
2019/01/01 Python
Python 分享10个PyCharm技巧
2019/07/13 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
2020/04/25 Python
Python ini文件常用操作方法解析
2020/04/26 Python
HTML5 Canvas基本线条绘制的实例教程
2016/03/17 HTML / CSS
Marc Jacobs官方网站:美国奢侈品牌
2017/08/29 全球购物
汽修专业学生自我鉴定
2013/11/16 职场文书
自荐书范文范例
2014/02/13 职场文书
教师产假请假条
2014/04/10 职场文书
学校运动会广播稿100条
2014/09/14 职场文书
幼儿园教师节感谢信
2015/01/23 职场文书
放假通知怎么写
2015/08/18 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
Golang 实现WebSockets
2022/04/24 Golang