如何使用 JavaScript 填充字符串以获得确定的长度？

方法一：使用 padStart() 方法： padStart() 方法可用于将指定字符的字符串填充到指定长度。它有两个参数，目标长度和要替换的字符串。目标长度是当前字符串被填充后结果字符串的长度。第二个参数是字符串将被填充的字符。

如果要填充一个数字，则必须首先通过将其传递给 String 构造函数将其转换为字符串。然后对这个字符串使用 padStart() 方法。

句法：

String(strToPad).padStart(padLength, padChar)

例子：



  

    
        How to pad a string to get the determined
        length using JavaScript ?
    

  

    GeeksforGeeks
      
     
        How to pad a string to get the determined
        length using JavaScript ?
    
      
    
        Padding the string 'abcdefg' to 10 characters:
        
    
      
    
        Padding the string '1234' to 10 characters:

输出：

在点击按钮之前：
点击按钮后：

方法 2：使用 repeat() 和 slice() 方法的自定义函数：该函数必须使用三个参数创建，即要填充的字符、最终填充字符串的长度和要填充的字符串。

要填充的字符和要填充的字符串首先转换为字符串。这是通过使用 String() 构造函数并将两个值传递给它来完成的。它们存储在两个变量padChar和originalString中。要填充的实际字符数是通过减去要填充的字符长度减去所需字符串的长度来确定的。这存储在一个新变量padLeft中。
添加在原始字符串前面的填充字符串是使用 repeat() 方法创建的。 repeat() 方法返回一个新字符串，其中包含调用它的字符串的指定数量的副本。它接受一个参数，即要制作的副本数。在padChar字符串上调用此方法，并在此参数中传递padLeft值。它创建要添加到原始字符串前面的字符串所需的副本。这存储在变量padString中。
通过连接padString和originalString创建一个新字符串。对这个新字符串使用 slice() 方法以使长度等于所需的长度。这是通过传递 padLength 的负值来完成的。然后返回最终字符串。

例子：



  

    
        How to pad a string to get the determined
        length using JavaScript ?
    

  

    GeeksforGeeks
      
     
        How to pad a string to get the determined
        length using JavaScript ?
    
      
    
        Padding the string 'abcdefg' to 10 characters:
        
    
      
    
        Padding the string '1234' to 10 characters:

输出：

在点击按钮之前：
点击按钮后：