We can check if a string is empty by accessing its `length` property. If the string has a `length` of `0`, then it is empty.

How to check if a String is Empty in JavaScript


## Check if a String is Empty in JavaScript

**To check if a string is truthy and contains one or more characters add the
string to an if statement.**

```javascript:index.js
const str = 'hello';

if (str) {
  // if this code block runs
  // 👉️ str is NOT "", undefined, null, 0, false, NaN
  console.log("string is truthy")
}
```

The code in the `if` block wouldn't run if the `str` variable is set to an empty
string, `undefined`, `null`, `0`, `false` or `NaN`.

To be explicit you can check if the string is equal to an empty string.

```javascript:index.js
const str = '';

if (typeof str === 'string' && str !== '') {
  // if this code block runs
  // 👉️ string is NOT empty
}
```

<InArticleAd />

<Alert>
  We have 2 checks in the <code>if</code> statement. We first check if the
  contents of the
  <code>str</code> variable are of type <code>string</code>. This is very important,
  because comparing an empty string to any other type would bring confusion into
  our code.
  <br />
  <br />
  The <code>&&</code> (AND) characters signify that both conditions have to be
  true for the <code>if</code> block to run.
</Alert>

This approach wouldn't work for a string, that contains an empty space `" "`. In
that scenario we have to `trim` the space before checking if the string is
empty.

```javascript:index.js
const str = '      ';

if (typeof str === 'string' && str.trim() !== '') {
  // if this code block runs
  // 👉️ string is NOT empty
}
```

<Alert type="success">
  We first make sure that the <code>str</code> variable contains a string and
  then we call the <code>String.trim</code> method. If we try to call the{' '}
  <code>trim</code> method on a variable that is set to <code>undefined</code>{' '}
  or <code>null</code> we would get an error.
</Alert>

The
[String.trim](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim)
method returns a new string with the whitespace from both ends of a string
removed.

```javascript:index.js
const str = '     hello       ';

const trimmed  = str.trim();
console.log(trimmed) // 👉️ 'hello'
```

<InArticleAd />

<Alert>
  This is very useful when you're taking user input and want to make sure that
  the user didn't just enter a whitespace character to get around your
  validation.
</Alert>

We can check if a string is empty by accessing its `length` property. If the
string has a `length` of `0`, then it is empty.

```javascript:index.js
const str = 'hello';

if (typeof str === 'string' && str.length !== 0) {
  // if this code block runs
  // 👉️ string is NOT empty
  console.log("string is NOT empty")
}
```

<Alert type="error">
  Note that if you try to access the <code>length</code> property on a variable
  that is <code>undefined</code> or <code>null</code> you would get an error.
  Make sure that the variable is set to a <code>string</code> before you try to
  access its <code>length</code> property.
</Alert>

<InArticleAd />


How to check if a String is Empty in JavaScript

Check if a String is Empty in JavaScript #

Borislav Hadzhiev

For more articles, navigate to myHome Page

How to check if a String is Empty in JavaScript

Check if a String is Empty in JavaScript #

Join my newsletter

Borislav Hadzhiev

For more articles, navigate to myHome Page