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函数在frame中的相互调用详解
Mar 03 Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
Aug 12 Javascript
jQuery过滤选择器详解
Jan 13 Javascript
jQuery实现div横向拖拽排序的简单实例
Jul 13 Javascript
jQuery居中元素scrollleft计算方法示例
Jan 16 Javascript
js鼠标移动时禁止选中文字
Feb 19 Javascript
jQuery中的on与bind绑定事件区别实例详解
Feb 28 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
Apr 07 Javascript
React Native预设占位placeholder的使用
Sep 28 Javascript
利用JavaScript的Map提升性能的方法详解
Aug 14 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
Apr 08 Javascript
区分vue-router的hash和history模式
Oct 03 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
解决phpmyadmin中缺少mysqli扩展问题的方法
2013/05/06 PHP
php实现的css文件背景图片下载器代码
2014/11/11 PHP
如何使用PHP对网站验证码进行破解
2015/09/17 PHP
laravel项目利用twemproxy部署redis集群的完整步骤
2018/05/11 PHP
Extjs4中Form的使用之本地hiddenfield
2013/11/26 Javascript
JS中判断null、undefined与NaN的方法
2014/03/24 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
2016/03/22 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
微信小程序 switch组件详解及简单实例
2017/01/10 Javascript
详解nodejs微信公众号开发——5.素材管理接口
2017/04/11 NodeJs
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
2017/05/08 jQuery
浅谈JS如何实现真正的对象常量
2017/06/25 Javascript
基于vue中解决v-for使用报红并出现警告的问题
2018/03/03 Javascript
koa socket即时通讯的示例代码
2018/09/07 Javascript
封装微信小程序http拦截器过程解析
2019/08/13 Javascript
layui 弹出层值回传解决方式
2019/11/14 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
2020/03/12 Javascript
Django静态资源URL STATIC_ROOT的配置方法
2014/11/08 Python
python回溯法实现数组全排列输出实例分析
2015/03/17 Python
在Python中操作时间之mktime()方法的使用教程
2015/05/22 Python
Python利用ansible分发处理任务
2015/08/04 Python
python处理excel绘制雷达图
2019/10/18 Python
Python itertools.product方法代码实例
2020/03/27 Python
美国一家著名的儿童鞋制造商:Stride Rite
2017/01/02 全球购物
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
学期自我评价
2014/01/27 职场文书
媒体宣传策划方案
2014/05/25 职场文书
给妈妈洗脚活动方案
2014/08/16 职场文书
毕业生自荐信范文
2015/03/05 职场文书
巴黎圣母院读书笔记
2015/06/26 职场文书
《爬天都峰》教学反思
2016/02/23 职场文书
用Python selenium实现淘宝抢单机器人
2021/06/18 Python
vue @ ~ 相对路径 路径别名设置方式
2022/06/05 Vue.js
Docker容器harbor私有仓库部署和管理
2022/08/05 Servers