Trimming a String in JavaScript using trim() Method

Is trimming a string in JavaScript hard? Well, if you want to know everything, read on!

In this article, we will show you how to trim a string in JavaScript using the built-in trim() method, as well as other techniques.

This article provides code examples to help you learn how to remove whitespace and specific characters from both ends of a string in JavaScript.

Start enhancing your coding skills and improving the consistency and manageability of your data with these powerful trimming techniques.

What is trim() method in JavaScript?

The String.prototype.trim() or the trim() method is a built-in function in JavaScript that is used to remove whitespace characters from both ends (i.e., start and end) of a string.

This method returns a new string with the whitespace removed, without modifying the original string.

Syntax

The syntax for using the trim() method is:

string.trim() ✅

Where string is the string you want to trim.

Parameters

None

The trim() method does not take any parameters.

Return value

The trim() method returns a new string with the whitespace removed from both ends of the original string.

If there is no whitespace at the beginning or end of the string, the original string is returned unchanged.

For example, let’s just say you have a string variable:

 let sampleString = "   Welcome to Itsourcecode!   ";

That contains leading and trailing whitespace characters.

You can use the trim() method to remove these whitespace characters like this:

 let trimmedString = sampleString.trim();

After this process, the value of trimmedString will be:

Welcome to Itsourcecode!

Without any leading or trailing whitespace.

Please be aware that using the trim() method does not alter or change the original string.

Browsers that support trim() method

✔Chrome

✔Edge

✔Firefox

✔ IE

✔Safari

✔Opera

Example codes for Trimming a String in JavaScript

When working with strings in JavaScript, it’s important to be able to manipulate them effectively.

Trimming a string helps to eliminate leading and trailing whitespace, making the data more consistent and manageable.

Let’s explore some powerful techniques to achieve this:

Trimming white spaces

One of the most common scenarios is removing white spaces from both ends of a string.

As we have mentioned earlier, you can achieve this using the trim() method provided by JavaScript.

This method removes spaces, tabs, and line breaks from both ends of a string.

Here’s an example:

const samplestring = "  Welcome to Itsourcecode!  ";
const trimmedString = samplestring.trim(); ✅

console.log(trimmedString); 

Output:

Welcome to Itsourcecode!

Removing specific characters

To remove or trim specific characters from a string, you can use regular expressions. This approach allows you to target and remove particular characters based on your requirements.

Here’s an example:

const samplestring = "**Itsourcecode!**";
const trimmedString = samplestring.replace(/\*+/g, ''); ✅ 

console.log(trimmedString); 

Output

Itsourcecode!

Trimming with substring()

The substring() method enables you to extract a portion of a string. By defining start and end indexes, you can effectively trim a string to your desired length.

Here’s an example:

const sampleString = "Hi, Welcome to Itsourcecode";
const trimmedString = sampleString.substring(0, 20); ✅

console.log(trimmedString); 

Output:

Hi, Welcome to Itsou

Split and join technique

Splitting a string into an array of substrings and then joining them back together is another effective trimming method.

Here’s an example:

const sampleString = "   Hi, Welcome to Itsourcecode!   ";
const trimmedString = sampleString.split(' ').join(' ') ✅; 

console.log(trimmedString); 

Output:

   Hi, Welcome to Itsourcecode!   

Conclusion

In summary, you already know now that trimming a string is not that hard, as this article delves into the process of trimming strings in JavaScript.

We demonstrate the utilization of the built-in trim() method to eliminate whitespace from both ends of a string alongside alternative techniques.

We also presented examples that showcase various methods, including regular expressions, substring(), and the split and join approach, to achieve effective string trimming.

We are hoping that this article provides you with enough information that helps you understand trimming a string in JavaScript. 

If you want to dive into more JavaScript topics, check out the following articles:

• Array unshift in JavaScript
• JavaScript wait for function to finish
• What is an argument in 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 →