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 setinterval 的正确语法如何书写
Jun 17 Javascript
用原生JS获取CLASS对象(很简单实用)
Oct 15 Javascript
js事件监听器用法实例详解
Jun 01 Javascript
基于jQuery滑动杆实现购买日期选择效果
Sep 15 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
Mar 11 Javascript
教你用javascript实现随机标签云效果_附代码
Mar 16 Javascript
JavaScript实现页面定时刷新(定时器,meta)
Oct 12 Javascript
基于javascript 显式转换与隐式转换(详解)
Dec 15 Javascript
ES6与CommonJS中的模块处理的区别
Jun 13 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
小程序自定义日历效果
Dec 29 Javascript
微前端qiankun改造日渐庞大的项目教程
Jun 21 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字符串中插入子字符串方法总结
2016/05/06 PHP
php获取'/'传参的值简单方法
2017/07/13 PHP
用 JSON 处理缓存
2007/04/27 Javascript
Js表格万条数据瞬间加载实现代码
2014/02/20 Javascript
JS中类或对象的定义说明
2014/03/10 Javascript
javascript的正则匹配方法学习
2016/02/24 Javascript
超全面的JavaScript开发规范(推荐)
2017/01/21 Javascript
canvas仿iwatch时钟效果
2017/03/06 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
2017/04/10 jQuery
LayUi中接口传数据成功,表格不显示数据的解决方法
2018/08/19 Javascript
小程序实现单选多选功能
2018/11/04 Javascript
如何将百度地图包装成Vue的组件的方法步骤
2019/02/12 Javascript
解决vue单页面修改样式无法覆盖问题
2019/08/05 Javascript
js prototype和__proto__的关系是什么
2019/08/23 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
2020/05/15 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
举例讲解Python的Tornado框架实现数据可视化的教程
2015/05/02 Python
matplotlib设置legend图例代码示例
2017/12/19 Python
python3调用R的示例代码
2018/02/23 Python
python程序运行进程、使用时间、剩余时间显示功能的实现代码
2019/07/11 Python
Python使用Pandas对csv文件进行数据处理的方法
2019/08/01 Python
Python图像处理库PIL的ImageGrab模块介绍详解
2020/02/26 Python
Python如何操作docker redis过程解析
2020/08/10 Python
基于ccs3的timeline时间线实现方法
2020/04/30 HTML / CSS
英国现代绅士品牌:Hackett
2017/12/17 全球购物
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
介绍一下MD5加密算法
2016/11/12 面试题
自考生自我鉴定范文
2013/10/01 职场文书
社会发展项目建议书
2014/08/25 职场文书
酒店餐厅2014重阳节活动策划方案
2014/09/16 职场文书
小学生推普周国旗下讲话稿
2014/09/21 职场文书
师德自我剖析材料范文
2014/10/06 职场文书
幼师必备:幼儿园期末教师评语50条
2019/11/01 职场文书
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python
Python包argparse模块常用方法
2021/06/04 Python