Saturday, September 21, 2024
Google search engine
HomeLanguagesJavascriptJavaScript Program to Remove All Whitespaces From a Text

JavaScript Program to Remove All Whitespaces From a Text

In this article, we will be eliminating spaces from a string and will explore the various types of cases that fall under the category of spaces

  • Space character (␣):
  • Tab character (TAB):
  • Newline character (Line Feed or Enter) etc.

We will explore all the above approaches with the help of illustration.

Using Regular Expressions (regex)

Regular expressions are powerful tools for pattern matching. They can be used to find and replace white spaces with an empty string or any desired character in a text.

Syntax

const stringWithoutSpaces = stringWithSpaces.replace(/\s/g, '');

Example: This example illustrates the use of the Regular Expressions to filter out all Whitespaces from a Text.

Javascript




const removeSpaces = (inputText) => {
    return inputText.replace(/\s/g, "");
};
console.log(
    removeSpaces(
        `neveropen  is  the  best
      platform  for learning.`
    )
);


Output

neveropenisthebestplatformforlearning.

Using String Split and Join

This method can split the text into an array of words based on white space and then join the array elements back together without spaces, effectively removing the white spaces.

Syntax

const stringWithoutSpaces = stringWithSpaces.split(' ').join('');

Example: This example illustrates the use of the String Split and Join.

Javascript




const removeSpaces = (inputText) => {
    const words =
        inputText.split(/\s+/);
    return words.join("");
};
 
console.log(
    removeSpaces(
        `Geeks For Geeks`
    )
);


Output

GeeksForGeeks

Using the ES6 replace() method with a Regular Expression

The replace() method in JavaScript can be used with a regular expression to search for white spaces and replace them with another character or an empty string.

Syntax

const stringWithoutSpaces = stringWithSpaces.replace(/\s+/g, '');

Example: This example illustrates the use of the replace() method with a Regular Expression.

Javascript




const removeSpaces = (inputText) => {
    return inputText.replace(
        /\s+/g,
        ""
    );
};
console.log(
    removeSpaces("Geeks For Geeks")
);


Output

GeeksForGeeks

Using filter() and join() (functional approach)

This approach involves splitting the text into an array of words and then using the filter() function to remove empty elements (whitespace) from the array. Finally, the join() method is used to combine the remaining elements into a single string.

Syntax

const stringWithoutSpaces = stringWithSpaces.split('').filter(char => char !== ' ').join('');

Example: This example illustrates the use of the filter() and join() Methods.

Javascript




const removeSpaces = (inputText) => {
    const characters =
        inputText.split("");
    const nonEmptyCharacters =
        characters.filter(
            (char) => !/\s/.test(char)
        );
    return nonEmptyCharacters.join("");
};
 
console.log(
    removeSpaces("Geeks for Geeks")
);


Output

neveropen
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!

RELATED ARTICLES

Most Popular

Recent Comments