JavaScript String padStart() 方法_JavaScript 菜鸟教程

JavaScript String padStart（） 方法使用指定的 padString 填充（或扩展）当前字符串以达到给定的长度。填充将添加到当前字符串的开头。如有必要，可以多次重复，如果我们没有为此方法指定这个可选参数 padString，它会在这个字符串的开头添加空格作为填充，以达到指定的长度。

填充字符串时，将字符添加到字符串的开头，直到它达到特定长度。

语法

以下是 JavaScript String padStart（）方法的语法 -


 padStart(targetLength, padString)

参数

此方法接受两个名为 “targetLength” 和 “padString” 的参数，如下所述 -

targetLength − 新字符串的长度。
padString − 用于填充（扩展）当前字符串的字符串。

返回值

此方法返回指定 targetLength 的新字符串，并将 padString 附加到开头。

示例 1

如果省略 padString 参数，它将通过在当前字符串的开头添加空格作为填充来扩展字符串，直到达到指定的 targetLength。

在以下示例中，我们使用 JavaScript String padStart（）方法填充（扩展）在此字符串 “QikepuCom” 的开头添加空格作为填充的字符串，直到它达到指定的 targetLength 20。


<html>
<head>
<title>JavaScript String padStart() Method</title>
</head>
<body>
<script>
	 	const str = "QikepuCom";
	 	document.write("原始字符串: ", str);
	 	new_str = "";
	 	document.write("<br>添加填充之前的新字符串长度： ",new_str.length);
	 	const targetLength = 20;
	 	document.write("<br>目标长度： ", targetLength);
	 	// 使用padStart（）方法
	 	new_str = str.padStart(targetLength);
	 	document.write("<br>填充后的新字符串添加到此字符串的开头: ", new_str);
	 	document.write("<br>添加填充后的新字符串长度：",new_str.length);
</script>
</body>
</html>

输出

上面的程序返回一个新的字符串填充，字符串 “QikepuCom” 的开头有空格。

原始字符串: QikepuCom
添加填充之前的新字符串长度： 0
目标长度： 20
填充后的新字符串添加到此字符串的开头: QikepuCom
添加填充后的新字符串长度：20

示例 2

如果 padString 和 targetLength 参数都传递给该方法，它会通过在开头添加 padString 来扩展字符串，直到它达到一定长度。

以下是 JavaScript String padStart（）方法的另一个示例。我们使用此方法在字符串的开头添加指定的 padString “Hi” 来扩展这个字符串 “Hello World”，直到它达到指定的 targetLength 25。


<html>
<head>
<title>JavaScript String padStart() Method</title>
</head>
<body>
<script>
	 	const str = "Hello World";
	 	document.write("原始字符串: ", str);
	 	new_str = "";
	 	document.write("<br>添加填充之前的新字符串长度: ",new_str.length);
	 	const targetLength = 25;
	 	const padString = "Hi";
	 	document.write("<br>目标长度: ", targetLength);
	 	document.write("<br>Pad 字符串: ", padString);
	 	// 使用padStart（）方法
	 	new_str = str.padStart(targetLength, padString);
	 	document.write("<br>填充后的新字符串添加到此字符串的开头: ", new_str);
	 	document.write("<br>添加填充后的新字符串长度: ",new_str.length);
</script>
</body>
</html>

输出

执行上述程序后，它将返回一个在开头添加填充的新字符串。

原始字符串: Hello World
添加填充之前的新字符串长度: 0
目标长度: 25
Pad 字符串: Hi
填充后的新字符串添加到此字符串的开头: HiHiHiHiHiHiHiHello World
添加填充后的新字符串长度: 25

<< JavaScript String padEnd() 方法 JavaScript String raw() 方法 >>