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

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

字符串填充

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

padStart

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

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

示例代码如下:

----- --- - --------
----- --------- - ---------------- - ---

----------------------- -- -     ------

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

padEnd

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

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

示例代码如下:

----- --- - --------
----- --------- - -------------- -----

----------------------- -- ------------

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

字符串对齐

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

padStart

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

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

示例代码如下:

----- --- - --------
----- --------- - ---------------- ---- -------

----------------------- -- ------------

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

padEnd

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

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

示例代码如下:

----- --- - --------
----- --------- - -------------- ---- ---------

----------------------- -- ------------

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

总结

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

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/6639c126d3423812e47ef639