Cómo comprobar si hay una cadena vacía en JavaScript

1. Utilice el operador === para comprobar si la cadena está vacía en JavaScript
2. Use la propiedad length para comprobar si la cadena está vacía en JavaScript
3. Convertir la variable a booleana para comprobar si la cadena está vacía en JavaScript

Este tutorial presentará cómo comprobar si la cadena está vacía. Cada método tendrá un ejemplo de código, que podrá ejecutar en su máquina.

Utilice el operador === para comprobar si la cadena está vacía en JavaScript

Podemos usar el operador de igualdad estricta (===) para comprobar si una cadena está vacía o no. La comparación data==="" sólo devolverá true si el tipo de datos del valor es una cadena, y también está vacío; de lo contrario, devolverá false.

Ejemplo:

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: No use el comparador de igualdad == porque data == "" devolverá true si data es 0 o false pero no sólo la cadena emtpy "".

Ejemplo:

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

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

Resultado:

true
true
true

Use la propiedad length para comprobar si la cadena está vacía en JavaScript

Aquí hay otra forma de comprobar la cadena vacía de JavaScript. Si la longitud es cero, entonces sabemos que la cadena está vacía.

Ejemplo:

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

Convertir la variable a booleana para comprobar si la cadena está vacía en JavaScript

Hay dos maneras de convertir las variables en un valor booleano. Primero con operadores duales NOT (!!), y Segundo con tipografía (Boolean(value)).

Boolean(str);

!!str;

La str es una variable. Devuelve false para null, undefined, 0, 000, "" y false. Devuelve true para la cadena no vacía y los espacios en blanco.

Ejemplo:

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