Skip to main content

Check if String contains Whitespace in JavaScript

In this article, we will explore different methods to check if a string in JavaScript contains spaces.

Using the RegExp.test() Method

One way to check if a string contains spaces is to use the test() method of the RegExp object. The test() method will return true if the string contains at least one whitespace character and false otherwise.

function containsWhitespace(str) {  return /\s/.test(str);}console.log(containsWhitespace('  ')); // 👉️ trueconsole.log(containsWhitespace('free to reads com')); // 👉️ trueconsole.log(containsWhitespace('')); // 👉️ falseconsole.log(containsWhitespace('test')); // 👉️ false

The regular expression /\s/ checks for all types of whitespace characters, including spaces, tabs, and newline characters. The \s character is used to match spaces, tabs, and newlines.

function containsWhitespace(str) {  return /\s/.test(str);}console.log(containsWhitespace('hello\tworld')); // 👉️ trueconsole.log(containsWhitespace('hello\nworld')); // 👉️ true

Using the String.includes() Method

Another way to check if a string contains spaces is to use the includes() method of the String object. The includes() method will return true if the string contains whitespace and false otherwise.

function containsWhitespace(str) {  return str.includes(' ');}console.log(containsWhitespace('  ')); // 👉️ trueconsole.log(containsWhitespace('free to reads com')); // 👉️ trueconsole.log(containsWhitespace('')); // 👉️ falseconsole.log(containsWhitespace('test')); // 👉️ false

Note that the includes() method only checks for spaces, and it would return false if your string contains only tabs or newline characters.

function containsWhitespace(str) {  return str.includes(' ');}console.log(containsWhitespace('free to reads')); // 👉️ trueconsole.log(containsWhitespace('hello\tworld')); // 👉️ falseconsole.log(containsWhitespace('hello\nworld')); // 👉️ false

Using the String.match() Method

Another way to check if a string contains whitespace is to use the match() method of the String object. The match() method will return true if the string contains whitespace and false otherwise.

function containsWhitespace(str) {  return str.match(/\s/) !== null;}console.log(containsWhitespace('free to reads')); // 👉️ trueconsole.log(containsWhitespace('hello\tworld')); // 👉️ trueconsole.log(containsWhitespace('hello\nworld')); // 👉️ true

In this method, we use the match() method to check if the string contains whitespace by matching it with the regular expression /\s/. If a match is found, the method returns an array containing the match and we check if the array is not equal to null to determine if the string contains whitespace.

This method provides an alternative way to check for whitespace, using the same regular expressions that we used in the RegExp.test() method, but in this case we are using the match() method to check if it matches whitespaces, if it matches the method return an array containing the match, if not the method returns null

Conclusion on “Check if String contains Whitespace

In this article, we have discussed different ways to check if a string in JavaScript contains spaces. The RegExp.test() method checks for all types of whitespace characters, the String.includes() method checks for only spaces, and the String.match() method checks for whitespace using regular expressions, and returns an array if match is found. Depending on your use case, you can choose the method that best suits your needs.

Comments

Popular posts from this blog

Best Health Insurance For Students in USA

Whether you're a domestic or international student studying in the USA, having health insurance coverage is not just a luxury, it's a necessity. With the high cost of healthcare in the USA, having the best health insurance for students in the USA can provide you with peace of mind while you focus on your studies. Understanding the Need for Health Insurance for Students Being a student, the likelihood of you being healthy and not needing frequent medical attention is quite high. But life is unpredictable, and emergencies can arise at any time. If a sudden injury or illness strikes, the resulting healthcare costs can become a major financial burden if you are uninsured. With the steep price of medical care in the United States, even a simple trip to the emergency room can lead to exorbitant bills. By having a good health insurance plan, students can mitigate these financial risks. Such plans cover a wide array of medical services, ranging from regular preventive care to prolonge...

Top 10 Web Hosting Companies in 2024

 As the world of internet grows, the need for high-quality, reliable web hosting has never been more important. In this blog post, we'll delve into the top 10 web hosting companies in 2024, examining their features, pricing, and how they stack up against each other. Exploring The Importance of Reliable Web Hosting The lifeblood of the digital universe is web hosting. It's the sturdy anchor keeping every website afloat in the sea of the internet. Reliable web hosting is your ally in carving out your own piece of the online world, ensuring your site remains accessible, loading with speed, and guarding your precious data securely. It's like owning prime real estate in the metropolis of the internet, where your digital presence is steadfast, standing tall among the rest. This, in a nutshell, is the essential role of a trustworthy web hosting service. It's not just about the space; it's about the quality, reliability, and safety of that space. The Rise of Green Hostin...

Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'

Are you encountering the error “attempted import error: ‘switch’ is not exported from ‘react-router-dom'” or variations like “export switch was not found in react-router-dom” or “switch is not exported from react-router”? If so, you’re not alone—this is a common problem that many React developers face when using the ‘react-router-dom’ library. In this blog post, we’ll explore the causes of this error and provide a few solutions to help you fix it and get your ‘React application up and running. What Causes the “Export ‘Switch’ (imported as ‘Switch’) was not found in ‘react-router-dom'” Error? This error occurs when a developer tries to import the ‘Switch’ component from the ‘react-router-dom’ library, but the component is not actually exported by the library. For example, the following code will trigger the error: import { Switch } from 're...