13

Verán, estaba practicando condicionales y usando el operador de corto circuito para asignar un valor a una variable,no comprendí muy bien porque los valores se consideran verdaderos o falsos aunque estos no sean booleanos.

Probe este ejemplo

let hola,hola2="Hola mundo"
hola = hola2 || "Adios"

En este caso el valor que obtuve fue el valor de hola2 al ser considerado verdadero.

Mientras que en este otro ejemplo usando &&

let hola,hola2="Hola mundo"
hola = hola2 && "Adios"

Obtuve el segundo valor que en este caso es "Adios"

Segun lo que aprendi de los operadores de corto circuito al usarlos para asignar un valor a una variable, es que en el caso de usar el operador || si el primer valor es verdadero asignara el primer valor a la variable y si es falso asignara el segundo valor. En el caso del operador && si el primer valor es verdadero se asigna el segundo valor a la variable y si no se le asigna el primero.

Hice otra prueba realizando este ejemplo con if:

let persona="Hola mundo";

if(persona){
 console.log("Hola mundo");
}

persona=null;

if(persona){
 console.log("No es null o undefined");
}else{
 console.log("Es null o undefined");
}

Mi duda es ¿Porque, a mis variables se les considera con valor verdadero o falso si no son booleanas? valor verdadero cuando tienen un valor almacenado y falso cuando son undefined o null. ¿Es propio del lenguaje hacer eso?

1 respuesta 1

12

En Javascript hay un concepto que llamamos Truthy:

En JavaScript, un valor verdadero es un valor que se considera true/verdadero cuando es evaluado en un contexto Booleano. Todos los valores son verdaderos a menos que se definan como falso (es decir, excepto false, 0, "", null, undefined, y NaN).

Usando la coerción de tipos de Javascript (obligar al intérprete a cambiar los tipos de las variables para operar con ellas) , puedes comprobarlo con pruebas sencillas:

console.log('Booleano', true);

//Usamos la doble negación para forzar la transformación a boolean
console.log('Cadena vacía', !!''); 
console.log('cero', !!0);
console.log('números distintos de cero', !!-1, !!3);
console.log('Cadena no vacía',!!'hola');
console.log('Null', !!null);
console.log('Array vacío y con elementos',!![],!![1]);
console.log('Cualquier objeto',!!{});

Esta característica es útil para hacer comprobaciones rápidas sobre si un campo se ha rellenado:

if (input.value) {
  // Entramos si el input no es una cadena vacía
}

o para comprobar que un atributo existe:

if (obj.prop1) {
  // si prop1 es null o undefined no entramos
}

Pero hay que tener cuidado si el valor es un número, porque si prop1 es 0 puede ser un valor correcto, en ese caso tendrías que hacer algo como

if (typeof obj.prop !== 'number')

Otra utilidad es para tomar valores por defecto: imagina que tienes que comprobar si un atributo existe y, si no existe, asignarle un valor:

function concatena (str1, str2) {
  return str1 + str2;
}

console.log(concatena('ho','la'));
console.log('Segundo parámetro omitido', concatena('ho'));

function concatena2 (str1, str2) {
  
  str2 = str2 || ''; //si el segundo parámetro de la funciónn es "Falsy", asumimos una cadena vacía
  return str1 + str2;
}

console.log('Segundo parámetro omitido', concatena2('ho'));

Se pueden crear condicionales, aunque sea bastante feo:

a && f(a);

Esto hace que se ejecute f(a) sólo si a existe y tiene un valor truthy, porque la operación && se cortocircuita (no se ejecuta la segunda parte si la primera no se cumple)

3
  • Muchas gracias por aclarar mi duda, aunque tenia aun otra inquietud aun Pablo,¿Cuando se usa el operador de corto circuito como el || y el && para asignar el valor dependiendo de el valor de un operando?, tiene algo que ver la conjunción y disyunción en la resolución del valor, o la manera de funcionar de este tipo de operación no tiene nada que ver con eso?, creo que no, pero quiero estar seguro de ello. ¿Aparte de para asignar un valor a una variable, podría usarlo en alguna otra parte del código en la que me pueda servir este tipo de operación? el 15 may. 2019 a las 8:20
  • Estuve probando en la consola metiendo por ejemplo "Hola" || ' ' y me dio el mismo resultado que cuando lo use para asignar el valor a una variable, osea que vendria siendo como cualquier otra expresion de toda la vida como una suma por ejemplo? lo puedo ver de ese modo? el 15 may. 2019 a las 8:22
  • El funcionamiento es exactamente igual que en una condición: a || b podría leer "Nos quedamos con a si es truthy, en otro caso nos quedamos con b". Y, tras quedarnos con uno u otro, si hace falta se hará una coerción de tipos. el 15 may. 2019 a las 8:36

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.