Verificar se há uma string vazia em JavaScript

Este tutorial irá introduzir como verificar se a string está vazia. Cada método terá um exemplo de código, que poderá executar na sua máquina.

Utilize o === Operador para verificar se a string está vazia em JavaScript

Podemos utilizar o operador de igualdade rigoroso (===) para verificar se uma string está vazia ou não. A comparação data==="" só retornará true se o tipo de dados do valor for uma string, e se também estiver vazio; caso contrário, retornar false.

Exemplo:

console.log(false === '')
console.log(undefined === '')
console.log(2 === '')
console.log(null === '')
console.log('Hello World!' === '')
console.log('' === '')

Resultado:

false
false
false
false 
false
true

Nota: Não utilizar o comparador de igualdade == porque data == "" retornará true se data for 0 ou false mas não apenas a string emtpia "".

Exemplo:

var str1 = ''
var str2 = 0
var str3 = false

console.log(str1 == '')
console.log(str2 == '')
console.log(str3 == '')

Resultado:

true
true
true

Utilize a propriedade length para verificar se a string está vazia no JavaScript

Aqui está outra forma de verificar a string JavaScript vazia. Se o comprimento for zero, então sabemos que a string está vazia.

Exemplo:

let str1 = 'Hello world!';
let str2 = '';
let str3 = 4;
console.log(str1.length === 0)
console.log(str2.length === 0)
console.log(str3.length === 0)

Resultado:

false
true
false

Converter a variável em booleano para verificar se a string está vazia em JavaScript

Há duas maneiras de converter variáveis para um valor booleano. Primeiro por dois operadores NÃO (!!), e segundo por digitação (Boolean(value)).

Boolean(str);

!!str;

O str é uma variável. Retorna false para null, undefined, 0, 000, "" e false. Retorna true para não string vazia e espaço em branco.

Exemplo:

let str1 = 'Hello world!';
let str2 = '';
console.log(!!str1)
console.log(!!str2)
console.log(Boolean(str1))
console.log(Boolean(str2))

Resultado:

true
false
true
false