在 ECMAScript 2021 中，我们可以使用字符串填充物来格式化字符串。这个功能在以前的版本中也可以实现，但是在 ECMAScript 2021 中，它更加简单易用。
字符串填充物是什么？
字符串填充物是一种将变量插入到字符串中的方法，同时可以指定填充物的长度和对齐方式。这种方法非常有用，因为它可以使字符串的格式更加美观和易读。
如何使用字符串填充物
在 ECMAScript 2021 中，我们可以使用模板字面量（template literals）来使用字符串填充物。模板字面量是一种特殊的字符串，可以包含变量和表达式。
使用字符串填充物的语法如下：
`${variableName.padStart(targetLength, padString)}`其中，variableName 是要插入的变量名，targetLength 是填充后字符串的长度，padString 是要使用的填充字符。
以下是一个示例：
const name = 'John';
const greeting = `Hello, ${name.padStart(10, '-')}`;
console.log(greeting); // 输出：Hello, -----John在这个例子中，我们使用 padStart() 方法插入了变量 name，并在其前面填充了 5 个 - 字符，以使字符串的长度为 10。
我们还可以使用 padEnd() 方法在字符串的末尾添加填充字符。例如：
const name = 'John';
const greeting = `Hello, ${name.padEnd(10, '-')}`;
console.log(greeting); // 输出：Hello, John-----对齐方式
padStart() 和 padEnd() 方法还可以指定填充字符的对齐方式。默认情况下，填充字符会在字符串的左侧添加或右侧添加，以使字符串的长度达到目标长度。但是，我们可以使用第二个可选参数来指定对齐方式。
对齐方式有三个选项：
start：填充字符添加在字符串的开头。end：填充字符添加在字符串的结尾。center：填充字符添加在字符串的中间。
以下是一个示例：
const name = 'John';
const greeting = `Hello, ${name.padStart(10, '-').padEnd(15, '-')}!`;
console.log(greeting); // 输出：Hello, -----John----!在这个例子中，我们使用 padStart() 方法在字符串的左侧添加了 5 个 - 字符，并使用 padEnd() 方法在字符串的右侧添加了 5 个 - 字符，以使字符串的长度为 15。我们还使用了 ! 字符来结束字符串。
总结
在 ECMAScript 2021 中，我们可以使用字符串填充物来格式化字符串。这个功能非常有用，因为它可以使字符串的格式更加美观和易读。我们可以使用 padStart() 和 padEnd() 方法来插入变量并指定填充字符的长度和对齐方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6619b2c1d10417a222a66746