ES6学习笔记3：字符串的补全方法，padStart()，padEnd()

padStart()用于头部补全，padEnd()用于尾部补全
大家看下下面代码

const main = () => {
  let s = '123'
  console.log(s.padStart(5,'0'));
  console.log(s.padEnd(5,'0'));
}
main();

打印结果

00123
12300

从上面代码可以分析出来，padStart()方法的两个参数分别是字符串补全生效后的最大长度以及需要补全的字符串
再来看一些特殊情况
1.

const main = () => {
  let s = '123'
  console.log(s.padStart(3,'0'));
  console.log(s.padEnd(2,'0'));
}
main();

打印结果

123
123

可以发现如果第一个参数需要补全的长度小于或者等于原字符串的长度，会返回原字符串
2.

const main = () => {
  let s = '123'
  console.log(s.padStart(10,'abcdefghijk'));
  console.log(s.padEnd(10,'abcdefghijk'));
}
main();

打印结果

abcdefg123
123abcdefg

可以发现当你需要补全的最大长度小于原字符串与要补充的字符串的长度之和，则会截取掉超出的位数的要补充的字符串然后返回
3.

const main = () => {
  let s = '123'
  console.log(s.padStart(4));
  console.log(s.padEnd(4));
}
main();

打印结果

 123
123 

可以看到，如果不传递第二个参数，padStart()与padEnd()会默认使用空格补全长度