ES8 中新增的 String padding 方法解析

在 ES8 中，String 类型新增了两个 padding 方法：padStart 和 padEnd。这两个方法可以方便地在字符串前面或后面添加空格或其他字符，使字符串达到指定的长度。本文将详细解析这两个方法，并提供示例代码，帮助读者更好地理解和应用这些新特性。

padStart 方法

padStart 方法用于在字符串前面添加空格或其他字符，使字符串达到指定的长度。该方法有两个参数：第一个参数是指定字符串的总长度，第二个参数是用于填充的字符。如果不指定第二个参数，则默认使用空格。

以下是 padStart 方法的语法：

str.padStart(targetLength [, padString])

其中，str 是要进行填充的字符串，targetLength 是指定的字符串总长度，padString 是用于填充的字符。

示例代码

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

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

在这个示例中，我们将字符串 'hello' 进行了填充，使其总长度为 10。填充使用的字符是空格。

padEnd 方法

padEnd 方法与 padStart 方法类似，用于在字符串后面添加空格或其他字符，使字符串达到指定的长度。该方法也有两个参数：第一个参数是指定字符串的总长度，第二个参数是用于填充的字符。如果不指定第二个参数，则默认使用空格。

以下是 padEnd 方法的语法：

str.padEnd(targetLength [, padString])

其中，str 是要进行填充的字符串，targetLength 是指定的字符串总长度，padString 是用于填充的字符。

示例代码

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

const str = 'hello';
const paddedStr = str.padEnd(10, ' ');
console.log(paddedStr);    // 'hello     '

在这个示例中，我们将字符串 'hello' 进行了填充，使其总长度为 10。填充使用的字符是空格。

指导意义

使用 padStart 和 padEnd 方法可以方便地将字符串填充到指定的长度，使其在界面上更加美观。此外，这两个方法还可以用于格式化字符串。例如，在打印日志时，我们可以使用 padStart 方法将日志级别填充到指定的长度，使日志更加易读。

需要注意的是，padStart 和 padEnd 方法返回的是一个新的字符串，原始字符串并没有被修改。因此，在使用这些方法时，需要将返回值赋给一个新的变量。

总结

ES8 中新增的 String padding 方法为我们提供了一种方便的方式来填充字符串。通过使用 padStart 和 padEnd 方法，我们可以快速将字符串填充到指定的长度，使其更加美观和易读。此外，这些方法还可以用于格式化字符串，为我们的开发工作带来便利。

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