业务逻辑开发有时需补零操作，如倒计时、时间格式化。传统补零用函数或三元判断，在VUE开发中，可使用ES7提供的padStart()和padEnd()方法，前者用于头部补零，后者用于尾部补零，还介绍了两方法的参数。
在进行业务逻辑开发的时候，有的时候需要用到不零的操作，例如倒计时，时间格式化等等。
传统的补零方式都是用函数，例如：
/**
* [num 字符串]
* [n 长度]
*/
function PrefixInteger(num, n) {
return (Array(n).join(0) + num).slice(-n);
}
console.log(PrefixInteger(6,3)); // 006
当然还可以用三元判断：
let num = 5;
console.log(num<10 ? '0'+num : num); // 05
在用VUE开发，可以直接使用 ES7 为我们提供 padStart()方法 padEnd() 方法
padStart()：头部补零
'xx'.padStart(5, 'ab') // 'ababxx'
'xx'.padStart(4, 'ab') // 'abaxx'
padEnd()：尾部补零
'xx'.padEnd(5, 'ab') // 'xxabab'
'xx'.padEnd(4, 'ab') // 'xxaba'
==========================
第一个参数：用于指定长度；
第二个参数：用于指定的字符串
技术支持：昆明网站建设公司猫咪科技
参考文档：https://blog.csdn.net/ixygj197875/article/details/79090578
扫一扫
853
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
