JavaScript中的padStart和padEnd字符串方法

padStart 和 padEnd 是 JavaScript 字符串上可用的两个新方法。 顾名思义，它们允许通过在开头或结尾添加填充字符来格式化字符串。 请记住，这两种方法都是新方法，浏览器支持仍然非常有限。

两种方法的工作方式相同，唯一的区别是使用 padStart 在字符串的开头添加填充，使用 padEnd 在结尾添加填充。

它们采用 targetLength 参数作为所需长度，或者将字符串采用可选的 padString 参数，在未提供时默认为空格。 如果需要，将重复 padString 以填充所需的 targetLength。

这里有一些例子：

"Dog!".padStart(10); // "      Dog!"
"Dog!".padEnd(14, ' Woof'); // "Dog! Woof Woof"

"A longer string here".padEnd(10); // "A longer string here"

padStart 和 padEnd 在格式化数字和格式化控制台输出时派上用场：

let values = ['17.99', '200', '3400.57', '7.97', '567'];

let formattedValues = values.map(value => {
  let nbr = parseFloat(value).toFixed(2);

  return ('$' + nbr.toString()).padStart(9);  
});

console.log(formattedValues.join('\n'));

//    $17.99
//   $200.00
//  $3400.57
//     $7.97
//   $567.00