JavaScript 中的 padStart 和 padEnd 字符串方法

padStart 和 padEnd 是 JavaScript 字符串上可用的两种新方法,正如其名称所暗示的那样,它们允许通过在开始或结束时添加字符串来格式化字符串。

两种方法都以相同的方式工作,唯一的区别是,在padStart中,在字符串开始时添加了插头,在padEnd中添加了插头。

他们使用目标长度参数为所需长度,或者使用可选的 padString 参数来默认为未提供时的空间。

以下是几个例子:

1"Dog!".padStart(10); // "      Dog!"
2"Dog!".padEnd(14, ' Woof'); // "Dog! Woof Woof"
3
4"A longer string here".padEnd(10); // "A longer string here"

padStart 和 padEnd 可用于格式化数字和格式化控制台输出:

 1let values = ['17.99', '200', '3400.57', '7.97', '567'];
 2
 3let formattedValues = values.map(value => {
 4  let nbr = parseFloat(value).toFixed(2);
 5
 6  return ('$' + nbr.toString()).padStart(9);  
 7});
 8
 9console.log(formattedValues.join('\n'));
10
11//    $17.99
12//   $200.00
13//  $3400.57
14//     $7.97
15//   $567.00