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 相关文章推荐
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
Apr 29 Javascript
用js查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
Jun 28 Javascript
jQuery 自定义函数写法分享
Mar 30 Javascript
Javascript this 的一些学习总结
Aug 31 Javascript
浅谈关于JavaScript的语言特性分析
Apr 11 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
Sep 19 Javascript
简单实现jQuery弹窗效果
Oct 30 jQuery
JS实现的数组去除重复数据算法小结
Nov 17 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
Jul 07 Javascript
JavaScript设计模式之装饰者模式实例详解
Jan 17 Javascript
使用pkg打包ThinkJS项目的方法步骤
Dec 30 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+dojo 的数据库保存拖动布局的一个方法dojo 这里下载
2007/03/07 PHP
Discuz批量替换帖子内容的方法(使用SQL更新数据库)
2014/06/23 PHP
PHP实现动态获取函数参数的方法示例
2018/04/02 PHP
TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
2020/02/10 PHP
两种不同的方法实现js对checkbox进行全选和反选
2014/05/13 Javascript
JavaScript实现查找字符串中第一个不重复的字符
2014/12/29 Javascript
javascript实现图片跟随鼠标移动效果的方法
2015/05/13 Javascript
JQuery中DOM事件合成用法实例分析
2015/06/13 Javascript
深入理解Javascript箭头函数中的this
2017/02/13 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
javascript 中iframe高度自适应(同域)实例详解
2017/05/16 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
2017/08/04 Javascript
BootStrap下的弹出框加载select2框架失败的解决方法
2017/08/31 Javascript
微信小程序实现添加手机联系人功能示例
2017/11/30 Javascript
详解如何用模块化的方式写vuejs
2017/12/16 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
2019/09/05 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
2020/12/14 Vue.js
python实现在控制台输入密码不显示的方法
2015/07/02 Python
TensorFlow损失函数专题详解
2018/04/26 Python
python中如何实现将数据分成训练集与测试集的方法
2019/09/13 Python
Python实现线性插值和三次样条插值的示例代码
2019/11/13 Python
基于pandas向csv添加新的行和列
2020/05/25 Python
详解Python 中的容器 collections
2020/08/17 Python
英国最大的经认证的有机超市:Planet Organic
2018/02/02 全球购物
微软中国官方旗舰店:销售Surface、Xbox One、笔记本电脑、Office
2018/07/23 全球购物
e路東瀛(JAPANiCAN)香港:日本旅游、日本酒店和温泉旅馆预订
2018/11/21 全球购物
华为C++笔试题
2014/08/05 面试题
What's the difference between Debug and Trace class? (Debug类与Trace类有什么区别)
2013/09/10 面试题
玩具公司的创业计划书
2013/12/31 职场文书
结婚喜宴家长答谢词
2014/01/15 职场文书
党员干部2014全国两会学习心得体会
2014/03/10 职场文书
计算机专业毕业生自荐书
2014/06/02 职场文书
老龄工作先进事迹
2014/08/15 职场文书
党的群众路线教育实践活动个人对照检查材料(教师)
2014/11/04 职场文书
Python基础学习之奇异的GUI对话框
2021/05/27 Python
如何用RabbitMQ和Swoole实现一个异步任务系统
2021/05/29 PHP