JavaScript Remove whitespace of String | Beginning & End, Between

Use a replace() and trim() method to Remove whitespace of string in JavaScript(). The trim() method do not support in browsers, you can remove whitespaces from both sides of a string or between words using replace() method with a regular expression:

Methods in JS to remove string whitespace

  • replace() – Used with regular expression.
  • trim() – Remove whitespace from string.
  • trimLeft() – Remove the white spaces from the start of the given string.
  • trimRight() – Remove the white spaces from the end of the given string.

Examples of JS Remove whitespace

1. replace()

For space-character removal use.

"hello world".replace(/\s/g, "");

Use the regex and replace() method to remove all space in the string. Below an example with an alert() box.

<!DOCTYPE html> 
<html> 

<body> 

	<p id="txt"> </p>

  	<script type="text/javascript">
    	var str = "       Hello World!        ";
		alert(str);
	</script>
</body> 
</html> 

Output:

String with space
Before
replace() method to remove all space
After

Other solution for same:

str = str.replace(/\s+/g, '');
The Regex

\s is the regex for “whitespace”, and g is the “global” flag, meaning match ALL \s (whitespaces).

2. trim()

Syntax –

str.trim()

The trim() method will remove whitespace from the beginning and end of the string in JavaScript. It does not change the original string.

<!DOCTYPE html> 
<html> 
<script type="text/javascript">
    	var str = "       Hello World!        ";
	alert(str.trim());
</script>
<body> 

</body> 
</html> 

3. str.trimLeft()

If you want a remove only remove the white spaces from the start of the strings.

<script type="text/javascript">
    	var str = "       Hello World!        ";
	alert(str.trimLeft());
</script>

4. str.trimRight()

The function is used to remove the white spaces from the end of the string.

<script type="text/javascript">
    	var str = "       Hello World!        ";
	alert(str.trimRight());
</script>

Q: How to javascript remove spaces between words?

Answer: To Removing All Spaces From a String use regular expressions. Here is code for it:-

var str = "E Y E H U N T S"  
str = str.replace(/\s/g,'');  
// Outputs 'EYEHUNTS'

Q: How to javascript remove extra spaces?

Answer: Let’s see the below example.

Input:

 this contains       spaces 

Output:

this contains spaces

Remember that replace replaces the found text with the second argument. So:

newString = string.replace(/\s+/g,''); // "thiscontainsspaces"

Finds any number of sequential spaces and removes them. Try replacing them with a single space instead!

newString = string.replace(/\s+/g,' ').trim();

Source: https://stackoverflow.com/questions/16974664/remove-extra-spaces-in-string-javascript

Do comment if you know any other way to do it or any doubts.

Note: The All JS Examples codes are tested on Safari browser (Version 12.0.2) and Chrome.
OS: macOS 10.14 Mojave
Code: HTML 5 Version


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.