【padStart() 和padEnd()方法】

padStart()和padStart() 接受两个参数，第一个指定字符串的最小长度，第二个是用来补全的字符串。
padStart用于头部补全
padEnd用于尾部补全

'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'
'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

如果原字符串的长度，等于或大于指定的最小长度，则返回原字符串。

'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'

常用用途

补全指定位数

'123456'.padStart(10, '0') // "0000123456"let arr = ['1','10','2','9','03','5','03','8']
arr.map(it => it.padStart(2,0))   // ['01', '10', '02', '09', '03', '05', '03', '08']

用于掩码处理

const mobile = "15155666655";
const str = mobile.slice(-4).padStart(mobile.length, "*"); //前7掩码  *******6655
const str = mobile.slice(0,3)  +  mobile.slice(-4).padStart(7, '*');//常用中4掩码 151****6655

另一个用途是提示字符串格式

'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"

【padStart() 和padEnd()方法】相关推荐

padStart与padEnd方法
padStart与padEnd是es6新增的两个方法,作用是为了补全字段.前者是向前补全,后者是向后补全 .它们有两个参数,一个表示字符长度,一个表示补全用的数值.下图可以直观感受到方法的作用以及各种 ...
ES6中padStart()和padEnd()方法的使用
用法: padStart() 方法用另一个字符串填充当前字符串(重复,如果需要的话),以便产生的字符串达到给定的长度.填充从当前字符串的开始(左侧)应用的.padEnd() 填充从当前字符串的末尾(右 ...
es6如何使用padStart()和padEnd()方法
padStart()是在字符串的字符头部增加值,padEnd()是在字符串的字符尾部添加值这两个方法都是里面有两个参数,第一个参数是字符长度(默认为数值型),第二个是要添加字符的值(字符串类型),一 ...
Vue字符串padStart和padEnd方法
ES2017 引入了字符串补全长度的函数.如果某个字符串的长度不够指定的长度,会在头部或尾部补全. padStart()用于头部补全,padEnd()用于尾部补全. 'a'.padStart(3, ' ...
JS字符串补全方法padStart()和padEnd()简介
一.关于字符串补全在JS中,字符串补全是常用操作,用的比较多的就是时间或者日期前面的补0. 例如,日期,我们多采用4-2-2的表示形式,例如: 2018-07-23 当我们使用时间戳进行月份获取的时 ...
es2017 提供的针对字符串填充的函数：padStart、padEnd
ES 2017推出padStart和padEnd. String Padding padStart()和padEnd()方法用来把一个字符串填到另一个字符串,直到结果字符串到达提供的长度.字符串将在必 ...
JS字符串padStart()方法,padEnd()方法
padStart()方法,padEnd()方法 ES2017 引入了字符串补全长度的功能.如果某个字符串不够指定长度,会在头部或尾部补全.padStart()用于头部补全,padEnd()用于尾部补全 ...
java padend_JS字符串补全方法padStart()和padEnd()
这个方法无意中看到的,感觉还是蛮实用的,特此分享一波.我想大家都会有遇到将时间戳转换成时间格式的时候,时间或日期不足2位的前面补0.有了今天说的这个东西,就又可以少写几行代码了,大家在项目中遇到类似场 ...
js方法padStart()和padEnd()使用示例
前端开发中,会遇到字符串填充的问题,padStart()和padEnd()可能会有帮助: str.padStart(targetLength,string): 使用指定字符串填充到目标字符串前面,使其 ...

【padStart() 和padEnd()方法】

【padStart() 和padEnd()方法】相关推荐

最新文章

热门文章