¿Cómo revisar si un string es vacío o null en Javascript?

Lo primero que debemos conocer es que, en Javascript, existe una diferencia sustancial entrenull y vacío.

Si declaras una variable y le asignas un valor vació "" y luego la comparas con otra variable a la que asignaste null como valor podrás fácilmente notar que son diferentes con tan solo revisar su tipo

const str1 = ""
const str2 = null

console.log(typeof str1) // "string"
console.log(typeof str2) // "object"

console.log(str1 == str2) //false
console.log(str1 === str2) //false

Puedes encontrar un demo del código de este artículo en este enlace

Es bueno recordar también que es o que significanull .

Es un valor literal en Javascript que는 intencionalmente un valor nulo를 나타냅니다. Es uno de los valores primitivos lenguaje.

Normalmente lo utilizarás en APIs dónde esperas un objeto pero que por alguna razón de la logica del negocio este objeto no se puede obtener.

Por cierto null y undefined tampoco son lo mismo!

typeof null        // object (bug en ECMAScript, debería ser null)
typeof undefined   // undefined
null === undefined // false
null  == undefined // true

Este es un buen momento para revisar las diferencias entre los distintos operadores de igualdad e identidad en Javascript. Un buen artículo explicando esto lo podrás encontrar en Escuela Frontend, escrito por el gran

Ahora, que está claro que null y un string vacío no son lo mismo:

¿Cómo revisas si un string es vacío?

Ya sabes que un string vació es efectivamente eso, un string que no contiene carácteres, para comprobar esto basta con utilizar el operator===

const str = "";
if(str === "") {
  console.log("El string está vacío");
}

¿ Pero que ocurre si el string contiene espacios en blanco?
¿Consideras estos "blanks"는 문자열 vacío로 간주됩니까?

En efecto, los espacios en blanco " " son caracteres por lo que la comparación no resultará. Esto puede ser fácilmente resuelto al remover estos espacios primero y luego comparar.

const whiteSpaces= "  ";
if(whiteSpaces.trim() === "") {
  console.log("El string está vacío");
}

Otra forma de revisar si el string está vacio, es decir, no tiene caracteres, es utilizando la propiedadlength .

UnString es un objeto, pero comparte algunas propiedades con los arreglos, como la propiedadlength que는 la longitud de la cadena de texto를 나타냅니다.

Puedes saber más sobre esta propiedad visitando la documentación de MDN

const whiteSpaces= "  ";
if(whiteSpaces.trim().length === 0) {
  console.log("El string está vacío");
}

¿Cómo revisas si un string es null?

Esto es sencillo, ya que null es un valor que una variable puede contener, entonces bastaría con comparar la variable string que tienes con el valor null

const nullStr = null;
if (nullStr === null) {
  console.log("nullStr es null");
}

✉️ Únete a Micro-bytes 🐦 Sígueme en ❤️ Apoya mi trabajo