2019-08-14 分类：JavaScript 作者：管理员 阅读（84）
这个东西还是蛮实用的，无意中看到的，特此分享一波，还记得那些年我们时间戳转换时间格式时候，时分秒不足2位的单独去写个补位方法吗？有了今天说的这个东西，你又可以少写几行代码了，没错，这东西就是用来字符串补位。
ES6 引入了字符串补全长度的功能，如果某个字符串不够指定长度，会在头部活尾部补全。padStart() 用于头部补全；padEnd() 用于尾部补全，下面上代码看看它的基本特性。
1 2 3 4 5 | 'x'.padStart(5, 'ab') // 'ababx' 'x'.padStart(4, 'ab') // 'abax' 'x'.padEnd(5, 'ab') // 'xabab' 'x'.padEnd(4, 'ab') // 'xaba' |
上面代码，padStart 和 padEnd接受2个参数，第一个参数就是要把字符串弄到几位，第二个参数是用什么字符串去补位。
1 2 | 'abc'.padStart(5, '123') // 12abc 'abc'.padEnd(5, '123') // abc12 |
1 2 | xxx'.padStart(2, 'ab') // 'xxx' 'xxx'.padEnd(2, 'ab') // 'xxx' |
1 2 | 'x'.padStart(4) // ' x' 'x'.padEnd(4) // 'x ' |
这玩意儿还是挺方便的，写出来给人感觉清晰明朗，可阅读性高，大家在项目中遇到类似场景可以去使用感受下。
「两年博客，如果觉得我的文章对您有用，请帮助本站成长」
谢谢你请我吃鸡腿*^_^*
支付宝
微信
唯品秀博客: weipxiu.com，一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站，愿景：成为宇宙中最具有代表性的前端博客，期待您的参与 
对的，记得还要留意下header中的flex-shrink属性
评：未知宽高不满一屏footer固定在底部这里主要是用了flex-grow属性吗?当子盒子高度小于父盒子高度时占据了父盒子剩余的空间,...
评：未知宽高不满一屏footer固定在底部嗯，语言没表达好，我去改下，我最后写的那段demo，是想体现数据不可变的思想，通过去单独加一...
评：js中map方法到底是否会改变原始数组？你最后还是写的map呀
评：js中map方法到底是否会改变原始数组？0基础手把手教怎么做主题的教程那得录制视频，光文字描述没多大用，录视频的话，正所谓台上三分钟...
评：未知高度div在屏幕上下左右居中fixed固定定位你从0开始教人制作一个简单的WP主题吧。估计比你这个文章受众更多。
评：未知高度div在屏幕上下左右居中fixed固定定位
共有 0 条评论 - Es6中padStart()、padEnd()字符串补位方法