8

Deseo determinar si una variable no está definida o si tiene el valor nulo.

En el siguiente ejemplo, quiero que se ejecute la clásula correspondiente a la condición verdadera, es decir se imprima en la consola el mensaje "EmpName no está definido", sin embargo, se ejecuta la cláusula en "de otro modo" (else) ya que se imprime "EmpName está definido"

var EmpName = $("div#esd-names div#name").attr('class');
if(EmpName == 'undefined'){
  console.log("EmpName no está definido");
} else {
  console.log("EmpName está definido");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<div id="esd-names">
  <div id="name"></div>
</div>

var miVariable; //miVariable está definida pero tiene valor nulo.
console.log(miVariable)

¿Cuál es la forma correcta?

1

6 respuestas 6

9

El valor undefined no es lo mismo que el string 'undefined'. En tu ejemplo, yo haría:

var EmpName = $("div#esd-names div#name").attr('class');
if(typeof EmpName === 'undefined'){
  console.log("EmpName no está definido");
} else {
  console.log("EmpName está definido");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<div id="esd-names">
  <div id="name"></div>
</div>

o bien

var EmpName = $("div#esd-names div#name").attr('class');
if(EmpName === undefined){
  console.log("EmpName no está definido");
} else {
  console.log("EmpName está definido");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<div id="esd-names">
  <div id="name"></div>
</div>

2
  • dato importante: "if(variable === undefined)" no funciona en todas las versiones de javascript, por otro lado "if(typeof variable === 'undefined')" es excelente y se parece al "isset(variable)" de php. Commented el 29 mar. 2018 a las 21:35
  • No tengo problema en mejorar la respuesta si provees un enlace que respalde la afirmación.
    – ffflabs
    Commented el 31 mar. 2018 a las 19:47
4

Respuesta corta

En lugar de 'undefined' (cadena) usa null (objeto global).

Explicación

'undefined' y null no son lo mismo ni son del mismo tipo. El primero se refiere a una cadena y el segundo es un objeto global (véase null, artículo de Mozilla Developers Network).

NOTA: Véase la respuesta de amandiel en la que aclara la diferencia entre 'undefined' (cadena) y undefined (palabra reservada) o bien undefined (artículo de Mozilla Developers Network).

Fragmento

En el siguiente ejemplo se ha reemplazado 'undefined' por null y se han ajustado los mensajes a imprimir para cada caso.

var EmpName = $("div#esd-names div#name").attr('class');
if(EmpName == null){
  console.log("El valor de EmpName " + EmpName); //Nulo
} else {
  console.log("El valor de EmpName es " + EmpName); //Cualquier otro
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<div id="esd-names">
  <div id="name"></div>
</div>

Otra forma mas general es reemplazar la comparación (EmpName == 'undefined') por el nombre de la variable (EmpName)

var EmpName = $("div#esd-names div#name").attr('class');
if(EmpName){
  console.log("El valor de EmpName es " + EmpName); //Cualquier valor
} else {
  console.log("El valor de EmpName es " + EmpName); //No definido
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<div id="esd-names">
  <div id="name"></div>
</div>

3
  • Pero comparar usando == con null es técnicamente un falso positivo, porque undefined y null se coercionan implícitamente a false para efectos de compararse
    – ffflabs
    Commented el 2 abr. 2018 a las 12:03
  • @amenadiel No me queda claro a que se refiere tu comentario en particular porque mi respuesta hablo de la cadena 'undefined' no del primitivo undefined e incluyo una nota en la que menciono tu respuesta en la que por cierto no mencionas lo indicado en el comentario
    – Rubén
    Commented el 2 abr. 2018 a las 13:52
  • 1
    En el primer ejemplo pones EmpName == null pero en realidad EmpName no es === a null. La igualdad no estricta coerciona ambos tipos a false
    – ffflabs
    Commented el 2 abr. 2018 a las 16:06
4

Puesto que en javascript no hay un equivalente a isset como en php debes tomar en cuenta lo siguiente:

Si el valor de la variable es undefined usar:

if(variable === undefined){
...
}

Si el valor de la variable es null usar:

if(variable === null){
...
}

Si el valor de la variable es vacio:

if(variable === ""){
...
}

También puedes usar:

if(variable.isEmpty()){
...
}

Si no sabes que tipo de valor tiene la variable puedes obtenerlo con un:

console.log(variable)

1
  • Perdón estas en lo cierto, ya modifique el código, por favor revisa la respuesta con las nuevas modificaciones. Saludos!
    – C47
    Commented el 1 ago. 2018 a las 20:39
1

Puedes intentarlo así:

var EmpName = $("div#esd-names div#name").attr('class');
if (EmpName == null || EmpName == undefined){
  console.log("EmpName es NULL o no está definido");
} else {
  console.log("EmpName está definido");
}
0
var EmpName = $("div#esd-names div#name").attr('class');
if(EmpName == null){
    console.log("EmpName no está definido");
} else {
    console.log("EmpName está definido");
}
2
  • 4
    agrega una explicación del código o del por qué esto resuelve el problema
    – Rene Limon
    Commented el 13 feb. 2017 a las 22:23
  • el fragmento no indica si la variable está definida o no, solo pregunta si es igual a null. undefined y null no son lo mismo. Commented el 29 mar. 2018 a las 21:25
-1
var dato=$("#dato").val('');
  if(dato==''){
     alert("no esta definido");
  }else{
     alert("esta definido");
  }

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.