Valores en JavaScript (Literales y propiedades) Null, NaN, Undefined

JavaScript

Si has programado en JavaScript lo más probable es que en alguna ocasión te hallas topado con valores Null, NaN, Undefined o Infinity, en este artículo veremos que representan cada uno, que significan y como podemos validar al momento de recibir dichos valores, debido a que podemos estar mostrando al usuario valores confusos al momento de utilizar nuestras aplicaciones y sitios Web, vamos a ello:

Valores en JavaScript (Null, NaN, Undefined, Infinity)

Cuando una variable tiene un valor null, básicamente contamos con una variable sin ningún valor definido o asignado, lo que es diferente a “vacío“, debido a que el espacio en blanco representa un carácter.

Como Validar null:

Debemos hacer uso de un condicional así:

<script>
var a = null;
if(a==null){
 console.log('El valor es NULL')
}else{
 console.log('El valor no es NULL')
}
</script>

Nota: también podemos utilizar en el condicional: if(a==’null’)

Valor NaN en JavaScript

Nos encontraremos con el valor NaN o valores NaN cuando intentamos realizar operaciones numéricas sobre variables o resultados que no lo son, ejemplo:

<script>
var n1 = 'Texto';
var n2 = 3;
var result = n1 * n2;
console.log('El resultado es: '+result)
</script>

En el código anterior recibimos el valor NaN debido a que intentamos multiplicar un valor en texto con un valor numérico.

Cómo Validar NaN

Apoyandonos también en condicionales y en el método isNaN() veamos:

<script>
var n1 = 'Texto';
var n2 = 3;
var result = n1 * n2;
if(isNaN(result)){
 console.log('Error en los operandos')
}else{
 console.log('El resultado es: '+result)
}
</script>

Valor Undefined en JavaScript

Obtendremos un valor Undefined si la variable que deseamos utilizar no está definida, en pocas palabras no le hemos asignado un valor, también podemos recibir Undefined de funciones o sentencias que devuelvan valores sin asignar, veamos un ejemplo en el cual obtendríamos un valor Undefined:

<script>
var nombre;
console.log(nombre)
</script>

Cómo Validar Undefined

<script>
var nombre;
if(nombre==undefined){
 console.log('Debe asignar un Nombre')
}else{
 console.log('Su nombre es: '+nombre)
}
</script>

Otra forma de validar un valor Undefined es haciendo uso de typeof así:

<script>
var nombre;
if(typeof nombre=='undefined'){
 console.log('Debe asignar un Nombre')
}else{
 console.log('Su nombre es: '+nombre)
}
</script>

La ventaja de utilizar typeof es que si la variable no está declarada evitamos obtener un error de tipo:

Uncaught ReferenceError: nombre is not defined

Como sería el caso del siguiente código:

<script>
if(nombre=='undefined'){
 console.log('Debe asignar un Nombre')
}else{
 console.log('Su nombre es: '+nombre)
}
</script>

Valor Infinity en JavaScript

Obtendremos un valor Infinity en JavaScript cuando se excede el límite superior (+) o inferior (-) de coma flotante que son: 1.797693134862315E+308. y -1.797693134862315E+308. veamos ejemplos:

<script>
console.log(1.7976931348923157E+10309)
</script>

El código anterior nos arrojaría Infinity debido a que sobrepasa el límite en los positivos.

Como Validar Infinity

Para ello podemos apoyarnos del método isFinite() el cual comprueba si un número es finito válido.

<script>
var numero = 1.7976931348923157E+10309;
if(!isFinite(numero)){
 console.log('Numero Invalido');
}else{
 console.log('Numero valido');
}
</script>

De esta forma podemos hacer uso de los diferentes valores que obtenemos de JavaScript con el fin de validarlos y comprenderlos.

¡Suscríbete a mi canal, para acceder a más contenidos gratuitos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *