ES2017 中的 String padding 字符新语法

在 ES2017 中，引入了许多新的 JavaScript 语法和功能，其中包括 String padding 字符新语法。这个新语法为字符串添加了一些有用的功能，可以让开发人员更方便地处理字符串。

String padding 概述

String padding 是指在字符串的开头或结尾添加一定数量的字符，以达到一定的长度。在很多情况下，我们需要将字符串填充到一定的长度，以便进行比较或者格式化输出。在过去，我们通常使用循环或者字符串连接的方式来实现这个功能，但是这种方法非常繁琐和低效。ES2017 中的 String padding 字符新语法则为我们提供了一种更加简便和高效的实现方式。

String padding 语法

在 ES2017 中，我们可以使用两个新的字符串方法来实现 String padding，分别是 padStart() 和 padEnd()。这两个方法的语法如下：

str.padStart(targetLength [, padString])
str.padEnd(targetLength [, padString])

其中，str 是要进行填充的字符串，targetLength 是填充后字符串的长度，padString 是用来填充的字符串，默认值为一个空格。

String padding 示例

下面是一个使用 padStart() 和 padEnd() 方法进行字符串填充的示例：

// javascriptcn.com 代码示例
// padStart() 示例
let str1 = 'hello'
console.log(str1.padStart(10)) // '     hello'
console.log(str1.padStart(10, '.')) // '.....hello'

// padEnd() 示例
let str2 = 'world'
console.log(str2.padEnd(10)) // 'world     '
console.log(str2.padEnd(10, '.')) // 'world.....'

在上面的示例中，我们使用 padStart() 方法将字符串 'hello' 填充到长度为 10 的字符串，填充的字符为一个空格，默认情况下填充在字符串的开头。同样地，我们使用 padEnd() 方法将字符串 'world' 填充到长度为 10 的字符串，填充的字符为一个空格，默认情况下填充在字符串的结尾。在第二个示例中，我们将填充字符设置为 '.'。

String padding 指导意义

String padding 字符新语法为我们提供了一种更加简便和高效的字符串填充方式，可以让我们更方便地处理字符串。在实际开发中，我们可以使用这个新语法来进行字符串格式化、对齐等操作。同时，我们也需要注意在使用 padStart() 和 padEnd() 方法时，需要考虑填充后字符串的长度，以免出现意外的结果。

总结

ES2017 中的 String padding 字符新语法为我们提供了一种更加简便和高效的字符串填充方式，可以让我们更方便地处理字符串。在实际开发中，我们可以使用这个新语法来进行字符串格式化、对齐等操作。同时，我们也需要注意在使用 padStart() 和 padEnd() 方法时，需要考虑填充后字符串的长度。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6576dc84d2f5e1655d05aadc