跳到主要内容

JavaScript 字符串 padEnd() 方法

padEnd() 方法用另一个字符串填充当前字符串的末尾。

示例

// 字符串定义
let string1 = "CODE";

// 在给定字符串的末尾填充 "*"
// 直到最终填充后的字符串长度达到 10
let paddedString = string1.padEnd(10, "*");

console.log(paddedString);

// 输出:CODE******

padEnd() 语法

padEnd() 方法的语法是:

str.padEnd(targetLength, padString);

这里,str 是一个字符串。

padEnd() 参数

padEnd() 方法接受 两个 参数:

  • targetLength - 在当前字符串填充后的最终字符串长度。
  • padString(可选)- 用于填充当前字符串的字符串。默认值是 " "

注意:

  • 如果 padString 太长,将被截断以满足 targetLength。
  • 对于 targetLength < str.length,返回未修改的字符串。

padEnd() 返回值

  • 返回指定 targetLength 的字符串,padString 应用于当前字符串的末尾。

示例 1:使用 padEnd() 方法

// 字符串定义
let string1 = "CODE";

// 在给定字符串的末尾填充 "$"
// 直到最终填充后的字符串长度达到 10
let paddedString1 = string1.padEnd(10, "$");

console.log(paddedString1);

输出

CODE$$$$$$;

在上面的示例中,我们将字符串值 "CODE" 赋给了 string1,并使用 padEnd() 方法在 string1 的末尾填充 "$" 符号。在方法中,我们还传递了 10 作为 targetLength。

所以该方法返回最终长度为 10 的字符串 "CODE$$$$$$"

示例 2:在 padEnd() 中使用多字符 padString

// 字符串定义
let string1 = "CODE";

// 在字符串末尾填充 'JavaScript'
// 直到填充后的字符串长度达到 17

let paddedString2 = string1.padEnd(17, "JavaScript");

console.log(paddedString2);

输出

CODEJavaScriptJav;

在上面的示例中,我们向 padEnd() 传递了多个字符 "JavaScript" 并将返回值赋给了 paddedString2。

该方法在 "CODE" 的末尾添加 "JavaScript",直到最终字符串的长度变为 17。即 paddedString2 返回最终长度为 17 的字符串 "CODEJavaScriptJav"

示例 3:在 padEnd() 中使用长 padString

padEnd() 方法传入的 padString 过长时,它会被截断以满足目标长度。例如:

// 字符串定义
let string1 = "CODE";

// 传入的 padString 被截断以满足目标长度
paddedString3 = string1.padEnd(10, "ABCDEFGHIJKL");

console.log(paddedString3);

输出

CODEABCDEF;

在上面的示例中,我们传入了 "ABCDEFGHIJKL" 作为 padString。padEnd() 方法截断了给定的 padString,使填充后的字符串长度达到了指定的目标长度(10)。

所以 string1.padEnd(10, "ABCDEFGHIJKL") 返回最终长度为 10 的字符串 "CODEABCDEF"

推荐阅读: JavaScript String padStart()