How to Remove Spaces from String in JavaScript

    RahulBy 2 Mins ReadUpdated:

    Question – How to remove extra spaces from a string using JavaScript?

    A space (” “) character is used to separate two words. Some times we get the extra spaces in a string, which may case issues with your application.

    JavaScript trim() function is used for removing leading (before) and trailing (after) spaces from a string. This tutorial will help you to remove extra spaces from a string using JavaScript function.

    Remove Spaces with JavaScript trim() Function

    For the example, assign a string with spaces to a variable. Then use JavaScript trim() function to remove leading and trailing spaces from the string.

    1
    2
    3
    4
    5
    <script>
      str="   Welcome to TecAdmin.net!   ";
      newStr = str.trim();
      console.log(newStr);
    </script>

    Output:

    Welcome to TecAdmin.net!

    JavaScript Remove Spaces Anywhere in String

    You can remove all spaces from a string with combination of JavaScript split() and join() functions. Here we will split the string with space characters as delimiter. The again join the all parts of string without any space.

    1
    2
    3
    4
    5
    6
    <script>
      str="Welcome to TecAdmin.net ";
      str1 = str.split(" ");
      newStr = str1.join("");
      console.log(newStr);
    </script>

    You can also run both functions in single line.

    1
    2
    3
    4
    5
    <script>
      str="Welcome to TecAdmin.net ";
      newStr = str.split(" ").join("");
      console.log(newStr);
    </script>

    Output:

    WelcometoTecAdmin.net

    Using Left or Right Trim in JavaScript

    Some of the older browsers may not support JavaScript trim() function. In that case, we can use the replace() method to remove trailing and preceding white spaces from any string.

    • Trim Space Both Side:
      1
      alltrimStr = str.replace(/^s+|s+$/gm,'');
    • Trim Spaces Left Side:
      1
      ltrimStr = str.replace(/^s+/,'');
    • Trim Spaces Right Side:
      1
      rtrimStr = str.replace(/s+$/,'');

    Conclusion

    This tutorial described you to remove extra spaces from a string using JavaScript. Additionally, provides you instructions to remove all spaces from a string.

    Share.

    Related Posts

    1 Comment

    Leave A Reply