跳到主要内容

JavaScript 字符串 padStart() 方法

padStart() 方法将另一个字符串填充到当前字符串的开头。

示例

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

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

console.log(paddedString);

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

padStart() 语法

padStart() 方法的语法是:

str.padStart(targetLength, padString);

这里,str 是一个字符串。

padStart() 参数

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

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

注意:

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

padStart() 返回值

  • 返回指定 targetLength 的字符串,从开始处应用 padString。

示例 1:使用 padStart() 方法

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

// 在字符串开头填充 "$"
// 直到最终填充后的字符串长度达到 10
let paddedString1 = string1.padStart(10, "$");

console.log(paddedString1);

输出

$$$$$$CODE;

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

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

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

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

// 在字符串开头填充 'JavaScript'
// 直到填充后的字符串长度达到 17
let paddedString2 = string1.padStart(17, "JavaScript");

console.log(paddedString2);

输出

JavaScriptJavCODE;

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

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

推荐阅读: JavaScript String padEnd()