前言:
ES2017 引入了字符串
补全长度的功能。如果某个字符串不够指定长度, 会在头部或尾部补全。padStart()
用于头部补全,padEnd()
用于尾部补全。
概念:
padStart(stringlength,string) :使用指定字符串
填充到目标字符串前面,使其达到目标长度;
padEnd(stringlength,string):使用指定字符串
填充到目标字符串后面,使其达到目标长度;
参数:
padStart(stringlength,string)
、和padEnd(stringlength,string)
有两个参数,
stringlength
:指定的字符串长度
string
:用来补全的字符串
string.padStart()
、string.padEnd()
必须要是字符串才能用这个方法,否则会报错
应用:
//padStart()
let a='8'
console.log(a.padStart(2,'0'))//08
console.log(a.padStart(3,'0'))//008
// padEnd()
let b=8
console.log(b.padEnd(2,'0'))//80
console.log(b.padEnd(3,'0'))//800
//如果要原字符串的长度,等于或大于指定的最小长度,则返回原字符串。
let a='888'
console.log(a.padStart(2,'0'))//888
console.log(a.padEnd(2,'0'))///888
//如果用来补全的字符串与原字符串,两者的长度之和超过了指定的最小长度,则会截去超出位数的补全字符串。
let a='8888'
console.log(a.padStart(6,'444'))//448888
console.log(a.padEnd(6,'444'))//888844
//如果没有第二个参数,则用空格代替
let a='6'
console.log(a.padStart(3))// 6
console.log(a.padStart(3).length)//3
console.log(a.padEnd(3))//6
console.log(a.padEnd(3).length)//3