详解JavaScript中的padStart和padEnd方法

padStart()和padEnd()是JavaScript中的字符串方法，用于在字符串的开头或结尾添加指定的字符，以达到指定的长度，这两个方法都接受两个参数：目标长度和填充字符，如果原始字符串的长度大于或等于目标长度，那么返回原始字符串。

（图片来源网络，侵删）

padStart()

padStart()方法会在字符串的开头添加指定的字符，直到达到指定的长度，如果原始字符串的长度大于或等于目标长度，那么返回原始字符串。

语法

str.padStart(targetLength [, padString])

参数

targetLength：目标长度，即填充后字符串的总长度，如果这个数值小于字符串的原始长度，则返回原始字符串。

padString（可选）：用来填充的字符串，如果省略，则使用空格填充。

示例

let str = 'abc';
console.log(str.padStart(5, '0')); // 输出 '00abc'
console.log(str.padStart(3));     // 输出 'abc'

padEnd()

padEnd()方法会在字符串的结尾添加指定的字符，直到达到指定的长度，如果原始字符串的长度大于或等于目标长度，那么返回原始字符串。

语法

str.padEnd(targetLength [, padString])

参数

targetLength：目标长度，即填充后字符串的总长度，如果这个数值小于字符串的原始长度，则返回原始字符串。

padString（可选）：用来填充的字符串，如果省略，则使用空格填充。

示例

let str = 'abc';
console.log(str.padEnd(5, '0')); // 输出 'abc00'
console.log(str.padEnd(3));     // 输出 'abc'

归纳

padStart()和padEnd()方法都是用于在字符串的开头或结尾添加指定的字符，以达到指定的长度，这两个方法都接受两个参数：目标长度和填充字符，如果原始字符串的长度大于或等于目标长度，那么返回原始字符串。