Skip to content
Related Articles
Open in App
Not now

Related Articles

JavaScript padEnd() Method

Improve Article
Save Article
  • Last Updated : 26 Dec, 2022
Improve Article
Save Article

The padEnd() method in JavaScript is used to pad a string with another string until it reaches the given length. The padding is applied from the right end of the string.

Syntax:

string.padEnd( targetLength, padString )

Parameters: This method accepts two parameters as mentioned above and described below:

  • targetLength: It is the length of the final string once the original string has been padded. If the value is less than the original string length, then the original string is returned.
  • padString: It is the string that is to be padded with the original string. If this value is too long to be within the targetLength, it is truncated.

Return Value: It returns the final string that is padded with the given string of the given length. 

Example 1: This example uses the padEnd() method to pad strings into another string. 

html




<h1 style="color: green">
    GeeksforGeeks
</h1>
  
<b>
    JavaScript | padEnd() method
</b>
  
<p>
    Output for "Hello" with "$":
    <span class="output"></span>
</p>
  
<p>
    Output for "Geeks" with "Geeks":
    <span class="output2"></span>
</p>
  
<button onclick="padStrings()">
    Pad Strings
</button>
  
<script type="text/javascript">
    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;
    }
</script>

Output:

 

Example 2: This example uses the padEnd() method to pad numbers into another number. 

html




<h1 style="color: green">
    GeeksforGeeks
</h1>
  
<b>
    JavaScript | padEnd() method
</b>
  
<p>
    Output for "1234" with "0":
    <span class="output"></span>
</p>
  
<p>
    Output for "99" with "**":
    <span class="output2"></span>
</p>
  
<button onclick="padNumbers()">
    Pad Numbers
</button>
  
<script type="text/javascript">
    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;
    }
</script>

Output:

 

We have a complete list of Javascript Strings, to check those please go through the Javascript String Complete reference article.

Supported Browsers: The browser supported by the padEnd() method are listed below:

  • Google Chrome 57
  • Firefox 48
  • Edge 15
  • Safari 10
  • Opera 44

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!