JavaScript padStart()方法

padStart()方法返回一个通过在字符串开头用另一个字符串进行补齐来达到指定长度的结果字符串。

一旦字符串达到指定的长度，可以使用JavaScript的padStart()方法用另一个字符串进行补齐。补齐是从字符串的左端应用的。

语法

下面的语法展示了javascript padStart()方法及其输入参数。

string.padStart(inputLength, inputString);

参数： 此方法接受的两个参数如上所列，并在下面进行描述：

inputLength：此参数是应用填充到原始字符串之后的字符串长度。如果该值小于原始字符串的长度，则返回原始字符串。
inputString：需要使用原始字符串进行填充的字符串称为inputString。如果该值过长，则从末尾进行修剪以适应inputLength。空字符（””）是字符串中使用的默认字符。

返回值： 返回使用提供的字符串进行长度延长的最终字符串。

示例：

以下示例展示了padStart()方法及其在javascript中的操作。

示例1：

该示例展示了padStart()方法及其使用javascript函数的操作。输入值小于所需的填充长度。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript padStart() method </title>
</head>
<body>
<h3> JavaScript padStart() method  </h3>
<p> The padStart() method shows the extra a string with required string length </p>
<p id = "inputdemo"></p>
<p id = "inputdemo1"></p>
<script>
let text = "15";
text = text.padStart(5,"0");
document.getElementById("inputdemo").innerHTML = text;
let text1 = "8";
text1 = text1.padStart(5,"0");
document.getElementById("inputdemo1").innerHTML = text1;
</script>
</body>
</html>

输出

显示的图像以padStart函数的信息作为输出。

JavaScript padStart()方法

示例2

这个示例展示了使用javascript函数操作padStart() 方法。输入的值显示了与该方法所需的填充长度的“等于”、“小于”和“大于”之间的差异。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript padStart() method </title>
</head>
<body>
<h3> JavaScript padStart() method  </h3>
<p> The padStart() method shows the extra a string with required string length </p>
<p id = "inputdemo"></p>
<p id = "inputdemo1"></p>
<p id = "inputdemo2"></p>
<script>
let text = "15124";
text = text.padStart(5,"0");
document.getElementById("inputdemo").innerHTML = text;
let text1 = "81198643";
text1 = text1.padStart(5,"0");
document.getElementById("inputdemo1").innerHTML = text1;
let text2 = "3";
text2 = text2.padStart(5,"0");
document.getElementById("inputdemo2").innerHTML = text2;
</script>
</body>
</html>

输出：

显示的图像将padStart函数的信息作为输出。

JavaScript padStart()方法

示例3

该示例展示了使用javascript函数进行padStart()方法和其操作。

<!DOCTYPE html>
<html>
<head>
<title> JavaScript padStart() method </title>
</head>
<body>
<h3> JavaScript padStart() method  </h3>
<p> The padStart() method shows the extra a string with required string length </p>
<p id = "inputdemo"></p>
<p id = "inputdemo1"></p>
<p id = "inputdemo2"></p>
<button onclick="clickHere()">
    Click Here
</button>
<script>
function clickHere() {
let text = "JavaTpoint";
text = text.padStart(15,"$");
document.getElementById("inputdemo").innerHTML = text;
let text1 = "JAVASCRIPT";
text1 = text1.padStart(18,"@@");
document.getElementById("inputdemo1").innerHTML = text1;
let text2 = "LEARN";
text2 = text2.padStart(5,"%");
document.getElementById("inputdemo2").innerHTML = text2;
}
</script>
</body>
</html>

输出

显示的图像通过padStart函数输出信息。

JavaScript padStart()方法