JavaScript - padStart() method

revision:

Category : string

The padStart() method pads a string from the start. The padStart() method pads a string with another string (multiple times) until it reaches a given length.

The padStart() method is a string method. To pad a number, convert the number to a string first.

Syntax : 

        string.padStart(length, string)

Parameters:

length : required. The length of the resulting string.

string : optional. The string to pad with. Default is space.

Examples:

            <p>The padStart() method pads a string from the start.</p>
            <p>It pads the string with another string (multiple times) until it reaches a given length.</p>
            <p id="demo"></p>
            <script>
                let text = "5";
                text = text.padStart(4,"0");
                document.getElementById("demo").innerHTML = text;
            </script>

Practical examples

example: padStart() method with string and number.

examples: padStart with string and number:

code: 
                    <div>
                        <p id="pad-1"></p>
                        <p id="pad-2"></p>
                        <p id="pad-3"></p>
                        <p id="pad-4"></p>
                        <p id="pad-5"></p>
                        <p id="pad-6"></p>
                        <p id="pad-7"></p>
                    </div>
                    <script>
                        let text = "5";
                        document.getElementById("pad-1").innerHTML = "text : " + text;
                        text1 = text.padStart(4,"0");
                        document.getElementById("pad-2").innerHTML = "text padded : " + text1;
                        document.getElementById("pad-3").innerHTML = "text padded : " + text.padStart(4,"x");
                        text2 = text.padStart(4,"a");
                        document.getElementById("pad-4").innerHTML = "text padded : " + text2;
            
                        let numb = 5;
                        document.getElementById("pad-5").innerHTML = "number : " + numb;
                        let text3 = numb.toString();
                        document.getElementById("pad-6").innerHTML = "text padded : " + text.padStart(4,"b");
            
                    </script>