JS字符串补全方法padStart()和padEnd()

一、JS字符串补全方法概述

在 ES2017 中，新增了两个字符串方法：padStart 和 padEnd。这两个方法主要用于在字符串开头或结尾填充指定的字符串使其达到给定的长度。这些方法可以很方便地增强字符串格式化的能力。

• padStart()：在当前字符串开头填充指定的字符串，直到达到指定的长度。如果当前字符串的长度大于或等于指定的长度，则返回原始字符串。
• padEnd()：在当前字符串结尾填充指定的字符串，直到达到指定的长度。如果当前字符串的长度大于或等于指定的长度，则返回原始字符串。

这两个方法都可以接收两个参数：

• targetLength：用于指定字符串的最小长度。
• padString（可选参数）：用于指定将要填充到原始字符串中的字符串。如果没有指定，则默认使用空格 ' '。

二、padStart()方法示例

下面是一个使用 padStart() 方法在字符串开头补全字符的例子：

let str = '123';
console.log(str.padStart(5, '0')); // 输出 "00123"

在上面的代码中，我们将字符串 '123' 填充到 5 个字符的长度，补全的字符为 '0'。

如果原始字符串的长度大于等于目标长度，则返回原始字符串。

let str = '12345';
console.log(str.padStart(3, '0')); // 如果目标长度小于或等于原始字符串的长度，则返回原始字符串。输出 "12345"

三、padEnd()方法示例

下面是一个使用 padEnd() 方法在字符串结尾补全字符的例子：

let str = '123';
console.log(str.padEnd(5, '0')); // 输出 "12300"

在上面的代码中，我们将字符串 '123' 填充到 5 个字符的长度，补全的字符为 '0'。

如果原始字符串的长度大于等于目标长度，则返回原始字符串。

let str = '12345';
console.log(str.padEnd(3, '0')); // 如果目标长度小于或等于原始字符串的长度，则返回原始字符串。输出 "12345"

综上所述，padStart() 和 padEnd() 方法都可以方便地在字符串开头或结尾填充指定的字符，以达到指定的长度。这两个方法的使用十分简单，但对于字符串格式化却有很大的帮助。