How to replace or remove all spaces from a string in JavaScript?

If you want to replace or remove spaces from a string in JavaScript, keep reading!

There are times when you need to get rid of or change all the spaces in a string.

But you don’t know how? Well, this article will help you.

It is important to understand how to handle spaces in JavaScript can be useful.

In this article, we’ll show you how to remove or replace all spaces from a string in JavaScript, giving you clear explanations along with examples.

How to replace or remove all spaces in a string in JavaScript?

To remove or replace all spaces from a string in JavaScript, you can use regular expressions or built-in string methods and other methods below.

Let’s explore both approaches in detail.

Solution 1: Use Regular Expressions

Regular expressions are a powerful tool for finding and changing text in strings.

If you want to remove all the spaces in a string, you can use the replace() method along with a regular expression pattern.

Here’s an example that shows how to remove all the spaces in a string with nothing in JavaScript:

const str = "Hello, welcome to Itsourcecode! This is an example string with spaces.";
const result = str.replace(/\s/g, "");
console.log(result);

Output:

Hello,welcometoItsourcecode!Thisisaexamplestringwithspaces.

As you can see in this solution, we use the regular expression pattern /\s/g to find and remove all spaces characters (\s) from a string in JavaScript.

With the replace() method, each whitespace character that matches the pattern is replaced with nothing, effectively removing it from the string.

Solution 2: Use the split() and join() methods

JavaScript offers various built-in methods to modify strings. If you want to remove all spaces from a string, you can utilize the split() and join() methods together in JavaScript.

let str = "I t s o u r c e c o d e!";
let newStr = str.split(' ').join('');
console.log(newStr); 

This solution splits the original string into an array of substrings using the space character as the separator and then joins the substrings back together into a new string without any separator.

This effectively removes all spaces from the original string.

Output:

Itsourcecode!

Solution 3: Use for loop

To remove spaces from a string in JavaScript, you can use a for loop. This solution goes through each character in the string and creates a new string without spaces.

If a character is not a space, it is added to the new string. In the end, the new string will contain all the characters from the original string, but with no spaces.

let str = "I T S O U R C E C O D E !";
let newStr = "";
for (let i = 0; i < str.length; i++) {
    if (str[i] !== ' ') {
        newStr += str[i];
    }
}
console.log(newStr);

Output:

ITSOURCECODE!

Solution 4: Use the Array.prototype.filter() method

To replace all the spaces from a string in JavaScript, you can follow these steps:

1. Convert the string into an array of characters using the Array.from() method.

2. Use the Array.prototype.filter() method to create a new array that excludes spaces.

3. Join the filtered array of characters into a string using the join() method.

let str = "I T S O U R C E C O D E !";
let newStr = Array.from(str).filter(char => char !== ' ').join('');
console.log(newStr);

This process will give you a new string without any spaces.

Output:

ITSOURCECODE!

Solution 5: Use replaceAll() method

The replaceAll() method is used with two arguments: a regular expression that matches all whitespace characters (/\s/g), and an empty string (”) to replace those spaces with.

By doing this, all spaces are effectively removed from the original string.

const str = " I T S O U R C E C O D E !";

const noWhitespace = str.replaceAll(/\s/g, '');
console.log(noWhitespace);

Output:

ITSOURCECODE!

Conclusion

In conclusion, this article provides multiple solutions to replace or remove all the spaces from a string in JavaScript.

It covers five solutions: using regular expressions, the split() and join() methods, a for loop, the Array.prototype.filter() method, and the replaceAll() method.

These approaches offer flexibility in handling spaces in strings and allow developers to choose the most suitable method for their specific needs.

We are hoping that this article provides you with enough information that helps you understand the JavaScript replace or remove all spaces.

You can also check out the following article:

• Will JavaScript containers overtake Linux containers?
• JavaScript object destructuring rename
• Get the first Monday of a month using JavaScript

Thank you for reading itsourcecoders 😊.

Caren Bautista

Technical Writer at PIES IT Solution

Responsible for crafting clear, well-structured, and beginner-friendly content across the platform. Handles the writing, proofreading, and editorial review of tutorials, guides, and documentation to ensure every article is accurate, readable, and easy to follow.

Expertise: Technical Writing · Content Creation · Documentation · Editorial Writing · JavaScript · TypeScript · Python · Python Errors · HTTP Errors · MS Excel
 · View all posts by Caren Bautista →