ES9 中的字符串填充和字符串对齐

在 ES9 中，JavaScript 增加了一些新的字符串方法，其中包括字符串填充和字符串对齐。这些方法可以让我们更方便地处理字符串，并且提高代码的可读性和可维护性。

字符串填充

在 ES9 中，我们可以使用 padStart 和 padEnd 方法来对字符串进行填充。这些方法可以在字符串的开头或结尾添加指定数量的字符，以达到指定长度。

padStart

padStart 方法可以在字符串的开头添加指定数量的字符，以达到指定长度。该方法接受两个参数：

• targetLength：填充后字符串的长度。
• padString：用于填充的字符。

示例代码如下：

const str = 'hello';
const paddedStr = str.padStart(10, ' ');

console.log(paddedStr); // '     hello'

在上面的示例中，我们将字符串 hello 填充到了长度为 10，填充的字符是空格。

padEnd

padEnd 方法可以在字符串的结尾添加指定数量的字符，以达到指定长度。该方法接受两个参数：

• targetLength：填充后字符串的长度。
• padString：用于填充的字符。

示例代码如下：

const str = 'hello';
const paddedStr = str.padEnd(10, '!');

console.log(paddedStr); // 'hello!!!!!'

在上面的示例中，我们将字符串 hello 填充到了长度为 10，填充的字符是感叹号。

字符串对齐

在 ES9 中，我们可以使用 padStart 和 padEnd 方法来对字符串进行对齐。这些方法可以在字符串的开头或结尾添加指定数量的字符，以达到指定长度，并且可以指定对齐方式。

padStart

padStart 方法可以在字符串的开头添加指定数量的字符，以达到指定长度，并且可以指定对齐方式。该方法接受两个参数：

• targetLength：填充后字符串的长度。
• padString：用于填充的字符。
• padStart：对齐方式，可以是 'start'、'end' 或 'center'。

示例代码如下：

const str = 'hello';
const paddedStr = str.padStart(10, '*', 'end');

console.log(paddedStr); // 'hello*****'

在上面的示例中，我们将字符串 hello 填充到了长度为 10，填充的字符是星号，对齐方式是 'end'，即在字符串的结尾添加填充字符。

padEnd

padEnd 方法可以在字符串的结尾添加指定数量的字符，以达到指定长度，并且可以指定对齐方式。该方法接受两个参数：

• targetLength：填充后字符串的长度。
• padString：用于填充的字符。
• padEnd：对齐方式，可以是 'start'、'end' 或 'center'。

示例代码如下：

const str = 'hello';
const paddedStr = str.padEnd(10, '*', 'start');

console.log(paddedStr); // '*****hello'

在上面的示例中，我们将字符串 hello 填充到了长度为 10，填充的字符是星号，对齐方式是 'start'，即在字符串的开头添加填充字符。

总结

在 ES9 中，我们可以使用 padStart 和 padEnd 方法来对字符串进行填充和对齐。这些方法可以让我们更方便地处理字符串，并且提高代码的可读性和可维护性。在使用这些方法时，我们需要注意填充的字符和对齐方式，以达到我们想要的效果。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6639c126d3423812e47ef639