padStart()和padEnd()方法的使用

用法(官方):


  padStart() 方法用另一个字符串填充当前字符串(重复,如果需要的话),以便产生的字符串达到给定的长度。填充从当前字符串的开始(左侧)应用的。padEnd() 填充从当前字符串的末尾(右侧)应用的。



  理解:ES2017引入了字符创补全长度的功能。如果某个字符串不够指定长度,会在头部或者尾部补全。padStart() 用于头部补全,padEnd() 用于尾部补全。



语法:


  str.padStart(targetLength [, padString])


   str.padEnd(targetLength [, padString])



参数:


targetLength


  当前字符串需要补全的目标长度。如果这个数值小于当前字符串的长度,则返回当前字符串本身。


padString | 可选


  补全字符串。如果字符串太长,使补全的字符串长度超过了目标长度,则只保留最左侧的部分,其他部分会被截断。此参数的缺省值为“” (U+0020)。



返回值:


  padStart()方法在原字符串开头补全指定的补全字符串,直到目标长度所形成的新字符串。


  padEnd()方法在原字符串末尾补全指定的补全字符串,直到目标长度所形成的新字符串。



适用场景:


  1. 常见用途是为数值补全指定位数


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



示例:


1
2
3
4
5
6
7
8
9
10
11
  1. ‘wen’.padStart(8, '12')  //  '12121Wen'  指定8位字符长度,不够用来12补全

  2. 'wen'.padStart(5, '12')  //  '12Wen'

  3. 'wen'.padEnd(8, '12')  //  'wen12121'

  4. 'wen'.padEnd(5, '12')  //  'wen12'

  5. 'wen'.padStart(10, '1234567890') //  '1234567wen'  多余的字符串会被截掉

  6. ‘wen’.padStart(5) //  '  wen' 第二个参数不写,用空格代替<BR>