JavaScript trimStart() and trimLeft() Method

The trimStart() method in JavaScript is used to remove whitespace from the beginning of a string. The value of the string is not modified in any manner, including any whitespace present after the string. 

Syntax:

string.trimStart()

Return Value: It returns the final string that is stripped out of all the white space in the beginning. 

Example: This example implements the trimStart() method. 

html

<h1 style="color: green">
    GeeksforGeeks
</h1>

<b>
    JavaScript | trimStart() method
</b>

<pre>Output for " GeeksforGeeks     " : <span
                class="output">
    </pre>

<pre>Output for "Hello There! " : <span
                class="output_2">
    </pre>

<button onclick="trimString()">
    Trim Start
</button>

<script type="text/javascript">
    function trimString() {
        str1 = " GeeksforGeeks     ";
        str2 = "Hello There! ";

        trimmed_out = str1.trimStart();
        trimmed_out2 = str2.trimStart();

        document.querySelector('.output')
            .textContent = '"' + trimmed_out + '"';

        document.querySelector('.output_2')
            .textContent = '"' + trimmed_out2 + '"';
    }
</script>

Output:

The trimLeft() alias: The trimStart() method has an alias which is the trimLeft() method. It performs exactly the same function as the trimStart() method. 

Syntax:

string.trimLeft()

Return Value: It returns the final string that is stripped out of all the white space in the beginning. 

Example: This example implements the trimLeft() method. 

html

<h1 style="color: green">
    GeeksforGeeks
</h1>

<b>
    JavaScript | trimLeft() method
</b>

<pre>Output for " GeeksforGeeks     " : <span
            class="output">
    </pre>

<pre>Output for "Portal " : <span
            class="output_2">
    </pre>

<button onclick="trimString()">
    Trim Left
</button>

<script type="text/javascript">
    function trimString() {
        str1 = " GeeksforGeeks     ";
        str2 = "Portal ";

        trimmed_out = str1.trimLeft();
        trimmed_out2 = str2.trimLeft();

        document.querySelector('.output')
            .textContent = '"'
            + trimmed_out + '"';
        document.querySelector('.output_2')
            .textContent = '"'
            + trimmed_out2 + '"';
    }
</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 browsers supported by trimStart() method are listed below:

• Google Chrome 60
• Firefox 61
• Edge 12
• Safari 12
• Opera 53