When working with strings, it often requires removing leading and trailing whitespace. In this article, we will learn how to trim whitespace in a JavaScript string using the trim() method, with examples.<\/p>\n\n\n\n
We commonly need to eliminate whitespaces in a string when working with user input.<\/strong> Users might unintentionally enter data with extra spaces when filling out a form or survey. Trimming whitespace will make the data more clean. It is also useful when we need to compare strings, we might want to ignore leading and trailing whitespaces. <\/p>\n\n\n\n JavaScript has a built-in trim() method to trim whitespaces from a string.<\/strong> This method belongs to the string class in JavaScript and allows us to remove leading and trailing whitespace characters from a given string.<\/p>\n\n\n\n The syntax for the trim() method is:<\/p>\n\n\n\n It\u2019s important to note that the trim() method does not modify the original string. Instead, it returns a new string with the whitespace removed. This ensures that our data is intact and provides a clean, trimmed string to work with. Whitespace characters can include spaces, tabs, line feeds, carriage returns, and other similar characters.<\/p>\n\n\n\n Let’s explore different kinds of examples to demonstrate how the trim() function works.<\/p>\n\n\n\n Suppose we have a string that has whitespace both at the starting as well as at the end. We can simply use the trim() method and get a clean string without whitespace. Let’s see an example:<\/p>\n\n\n\n Output:<\/strong><\/p>\n\n\n\n Here we can see, that the trim() method successfully removes whitespace from both ends.<\/p>\n\n\n\n In this case, the trim() method effectively removes all the whitespace from the string, leaving us with an empty string. It shows an input with all the whitespace is equivalent to an empty string. Here\u2019s the demonstration:<\/p>\n\n\n\n Output:<\/strong><\/p>\n\n\n\n When there is no whitespace to remove, the trim() method returns our input string unchanged. Sometimes we are not sure whether our string contains whitespace or not. Let’s see the demonstration:<\/p>\n\n\n\n Output:<\/strong><\/p>\n\n\n\nmyString.trim()<\/code><\/pre>\n\n\n\nExamples of using the trim() method<\/strong><\/h2>\n\n\n\n
1) String with Leading and Trailing Whitespace<\/strong><\/h3>\n\n\n\n
\/\/ Define a string with leading and trailing whitespaces\nlet myString = " Hello Favtutor Readers ";\n\n\/\/ Use the trim() method to remove leading and trailing whitespaces\nlet trimmedString = myString.trim();\n\n\/\/ Display the result in the console\nconsole.log(trimmedString);<\/pre><\/div>\n\n\n\n
\"Hello Favtutor Readers\"<\/code><\/pre>\n\n\n\n2) String Contains Only Whitespace<\/strong><\/h3>\n\n\n\n
\/\/ Define a string consisting of only whitespaces\nlet whitespaceString = " ";\n\n\/\/ Use the trim() method to remove leading and trailing whitespaces\nlet trimmedWhitespaceString = whitespaceString.trim();\n\n\/\/ Display the result in the console\nconsole.log(trimmedWhitespaceString);<\/pre><\/div>\n\n\n\n
\"\"<\/code><\/pre>\n\n\n\n3) String with No Whitespace<\/strong><\/h3>\n\n\n\n
\/\/ Define a string without leading or trailing whitespaces\nlet noWhitespaceString = "Favtutor";\n\n\/\/ Use the trim() method to remove any potential leading or trailing whitespaces (in this case, none)\nlet trimmedNoWhitespaceString = noWhitespaceString.trim();\n\n\/\/ Display the result in the console\nconsole.log(trimmedNoWhitespaceString); <\/pre><\/div>\n\n\n\n
\"Favtutor\"<\/code><\/pre>\n\n\n\nAdditional trim() Methods<\/strong><\/h3>\n\n\n\n