Original article: How to Check if a String is Empty or Null in JavaScript – JS Tutorial

En JavaScript, es importante comprobar si una cadena está vacía o nula antes de realizar cualquier operación. Intentar operar con una cadena vacía o nula puede provocar errores, bugs y resultados inesperados.

En este tutorial, exploraremos las diferentes formas de verificar si una cadena está vacía o nula en JavaScript y algunas de las mejores prácticas para hacerlo.

¿Qué son las cadenas vacías y nulas en JavaScript?

Una cadena vacía es una cadena que no tiene caracteres, mientras que una cadena nula es una cadena que no tiene ningún valor asignado. Es importante diferenciar entre ambos, ya que no son lo mismo.

Por ejemplo, tiene un formulario donde un usuario puede ingresar su nombre. Si el usuario no ingresa nada, el valor del campo de entrada será una cadena vacía. Sin embargo, el valor será nulo si ni siquiera se crea el campo de entrada.

¿Cómo verificar si una cadena esta vacía o es nula?

JavaScript tiene varias formas de comprobar si una cadena está vacía o nula. Exploremos algunos de ellos.

Usando un condicional if y el operador typeof

Una forma de comprobar si hay una cadena vacía o nula es utilizar la instrucción if y el operador typeof. He aquí un ejemplo:

let cadena = "";

if (typeof cadena === "string" && cadena.length === 0) {
  console.log("La cadena esta vacía");
} else if (cadena === null) {
  console.log("La cadena es nula");
} else {
  console.log("La cadena no esta vacía o nula");
}

En este ejemplo, estamos comprobando si la variable cadena es de tipo string y si su longitud es cero. Si es así, entonces sabemos que es una cadena vacía. Si la variable cadena es nula, entonces sabemos que es una cadena nula. De lo contrario, sabemos que la cadena no está vacía ni es nula.

Usando la propiedad length

Otra forma de comprobar si hay una cadena vacía es utilizar la propiedad length. He aquí un ejemplo:

let cadena = "";

if (cadena.length === 0) {
  console.log("La cadena esta vacía");
} else {
  console.log("La cadena no esta vacía");
}

En este ejemplo, estamos comprobando si la longitud de la variable cadena es cero. Si es así, entonces sabemos que es una cadena vacía. De lo contrario, sabemos que la cadena no está vacía.

Usando el método trim()

A veces, una cadena puede contener espacios en blanco que hacen que parezca que no está vacía incluso cuando lo está. En tales casos, podemos utilizar el método trim() para eliminar los espacios en blanco iniciales o finales antes de comprobar si están vacíos. He aquí un ejemplo:

let cadena = "   ";

if (cadena.trim().length === 0) {
  console.log("La cadena esta vacía");
} else {
  console.log("La cadena no esta vacía");
}

En este ejemplo, primero usamos el método trim() para eliminar los espacios en blanco iniciales o finales de la variable cadena y luego verificamos si la cadena resultante tiene longitud cero. Si es así, entonces sabemos que la cadena está vacía. De lo contrario, sabemos que la cadena no está vacía.

Buenas prácticas para verificar si una cadena esta vacía o nula

A continuación se muestran algunas prácticas recomendadas a seguir al comprobar si hay cadenas vacías o nulas en JavaScript:

• Utilice siempre triple igual (===) al comparar una cadena con null. Esto garantiza que los tipos estén verificados y que no se compare accidentalmente una cadena con el número 0 o false.
• Utilice igualdad estricta (===) cuando busque una cadena vacía. Esto garantiza que no compare una cadena vacía con una cadena que contenga solo caracteres de espacio en blanco.
• Utilice el método trim() para eliminar los espacios en blanco iniciales y finales antes de buscar una cadena vacía. Esto garantiza que las cadenas con solo espacios en blanco también se consideren vacías.
• Utilice expresiones regulares para comprobaciones más complejas, como comprobar una cadena que solo contenga dígitos o comprobar una cadena que coincida con un patrón determinado.

Por ejemplo:

let cadena = "12345";
let digitosRegExp = /^\d+$/;

if (digitosRegExp.test(cadena)) {
  console.log("La cadena contiene solo dígitos");
} else {
  console.log("La cadena no contiene solo dígitos");
}

Conclusión

En este artículo, hemos aprendido cómo comprobar si una cadena está vacía o nula en JavaScript. Hemos explorado diferentes métodos para hacerlo, como usar la declaración if y typeof, la propiedad length y el método trim().

Si desea obtener más información sobre JavaScript y el desarrollo web, explore más de 200 artículos de expertos sobre desarrollo web escritos por mí y también consulte mi blog para obtener contenido más cautivador.

Feliz codificación.