ES中padStart()、padEnd()

ES中padStart()、padEnd()

在 ECMAScript (ES) 中，padStart() 和 padEnd() 是字符串对象的方法，用于在字符串的开头或结尾填充指定的字符，直到字符串达到指定的长度。

padStart()

padStart() 方法会在字符串的开头填充指定的字符，直到字符串达到指定的长度。

语法：

str.padStart(targetLength [, padString])

• targetLength：目标长度。如果当前字符串长度小于该值，则在开头填充字符，直到字符串长度达到该值。
• padString（可选）：用于填充的字符。默认为空格 ( )。

示例：

const str = '5';
console.log(str.padStart(3, '0')); // 输出: "005"
console.log(str.padStart(5, '*')); // 输出: "****5"

padEnd()

padEnd() 方法会在字符串的结尾填充指定的字符，直到字符串达到指定的长度。

语法：

str.padEnd(targetLength [, padString])

• targetLength：目标长度。如果当前字符串长度小于该值，则在结尾填充字符，直到字符串长度达到该值。
• padString（可选）：用于填充的字符。默认为空格 ( )。

示例：

const str = '5';
console.log(str.padEnd(3, '0')); // 输出: "500"
console.log(str.padEnd(5, '*')); // 输出: "5****"

总结

• padStart() 用于在字符串开头填充字符。
• padEnd() 用于在字符串结尾填充字符。
• 如果填充字符 (padString) 未提供，默认使用空格填充。
• 如果目标长度 (targetLength) 小于或等于字符串的当前长度，则返回原字符串。

这两个方法在处理字符串对齐、格式化输出等场景中非常有用。

更多vue相关插件及后台管理模板可访问vue admin reference，代码详情请访问github