JavaScript | padEnd() 方法

JavaScript 中的padEnd()方法用于用另一个字符串填充一个字符串，直到它达到给定的长度。填充从字符串的右端应用。

句法：

string.padEnd( targetLength, padString )

参数：此方法接受上面提到的两个参数，如下所述：

• targetLength：它是原始字符串被填充后最终字符串的长度。如果该值小于原始字符串长度，则返回原始字符串。
• padString：用原始字符串填充的字符串。如果此值太长而不能在 targetLength 内，则将其截断。

返回值：它返回用给定长度的给定字符串填充的最终字符串。

示例 1：此示例使用 padEnd() 方法将字符串填充到另一个字符串中。

  

    
        JavaScript | padEnd() method
    

  

    
        GeeksforGeeks
    
      
    
        JavaScript | padEnd() method
    
      
    
        Output for "Hello" with "$": 
        
    
      
    
        Output for "Geeks" with "Geeks": 
        
    
      
    
        Pad Strings
    
      
    
          
        function padStrings() {
            exString = "Hello";
            exString2 = "Geeks";
          
            output = 
                exString.padEnd(12, "$");
            output2 = 
                exString2.padEnd(12, "Geeks");
          
            document.querySelector('.output').textContent
                    = output;
              
            document.querySelector('.output2').textContent
                    = output2;
        }
    

  

输出：

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

示例 2：此示例使用 padEnd() 方法将数字填充到另一个数字中。

  

    
        JavaScript | padEnd() method
    

  

    
        GeeksforGeeks
    
      
    
        JavaScript | padEnd() method
    
      
    
        Output for "1234" with "0": 
        
    
      
    
        Output for "99" with "**": 
        
    
      
    
        Pad Numbers
    
      
    
        function padNumbers() {
            exNumber = 1234;
            exNumber2 = 99;
          
            output = 
                String(exNumber).padEnd(8, "0");
                  
            output2 = 
                String(exNumber2).padEnd(8, "**");
                  
          
            document.querySelector('.output').textContent
                    = output;
              
            document.querySelector('.output2').textContent
                    = output2;
        }
    

  

输出：

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

支持的浏览器： padEnd()方法支持的浏览器如下：

• 谷歌浏览器 57
• 火狐 48
• 边缘 15
• 野生动物园 10
• 歌剧 44