En JavaScript, los valores pueden ser de distintos tipos. Cambiar el tipo de una variable se puede hacer mediante una conversión de tipos explícita.
Además de eso, JavaScript también realiza una coerción de tipos (conversión de tipos implícita) cuando el contexto lo requiere.
Conversión de tipos
JavaScript no tiene una construcción para forzar un valor a otro tipo como muchos otros lenguajes, pero puedes usar en su lugar algunas funciones auxiliares integradas.
En particular, Boolean, Number y String se pueden usar como funciones para convertir un valor al tipo correspondiente.
Convertir a Boolean (valores truthy/falsy)
Con Boolean(value) puedes convertir cualquier valor a un booleano.
Existe un conjunto fijo de valores, los llamados valores falsy, que se convierten en false.
Lo más importante: false, 0, el string vacío, null, undefined y NaN son falsy.
Para todos los demás valores, Boolean devuelve true.
A estos valores se les llama truthy.
Boolean(-1);
// => true
Boolean(0);
// => false
Boolean(' ');
// => true
Boolean('');
// => false
Ten en cuenta que, debido a las reglas descritas, '0', 'false', [] y {} son truthy en JavaScript.
Convertir a número
Number(value) se puede usar para convertir un valor a un número.
Los espacios en blanco al principio y al final de un string se ignoran, y un string vacío se convierte en 0.
Si intentas convertir un valor no primitivo o un string que no representa un número, el resultado es NaN (Not-A-Number).
Number(' -12.34 ');
// => -12.34
Number('1,2');
// => NaN
Number('');
// => 0
Number({ num: 123 });
// => NaN
Convertir a string
Con String(value) puedes convertir un valor a un string.
El resultado es el que esperarías para valores primitivos.
String(12.34);
// => '12.34'
String(false);
// => 'false'
String(null);
// => 'null'
String(undefined);
// => 'undefined'
En el caso de los arrays, la función String aplica la conversión a string a cada elemento y une los resultados con una coma.
También puedes aplicar tú mismo el método join, por ejemplo para personalizar el separador.
Ten en cuenta que en estos casos null y undefined se convierten en un string vacío.
String([42, null, true, 'abc']);
// => '42,,true,abc'
En el caso de los objetos, por defecto String devuelve un texto poco útil.
String({ key: 'value' });
// => '[object Object]'
Coerción de tipos
En ciertos contextos, JavaScript convierte automáticamente un valor a otro tipo de dato antes de evaluar alguna sentencia.
A esta conversión implícita se le llama coerción de tipos.
Contexto booleano
Cuando se usa un valor que no es booleano en un contexto booleano, JavaScript aplica las mismas reglas que la función Boolean para convertir el valor de forma implícita.
La coerción a booleano ocurre con frecuencia en
- la condición de un condicional
- el primer operando del operador ternario
?
- el operando del operador lógico de negación
!
- los operandos de los operadores lógicos AND
&& y OR || (el resultado de la expresión es uno de los operandos, no necesariamente un booleano)
const num = 0;
if (num) {
// this block is NOT executed because 0 is falsy
}
Contexto de string
Si se usa el operador de suma + con valores primitivos y uno de los operandos es un string, el otro también se convierte a string.
La lógica de conversión es la misma que cuando usas la función String.
Después, los dos strings se concatenan.
let name;
'hello ' + name;
// => 'hello undefined'
Contexto numérico
Muchos operadores convierten los operandos en números (si es necesario) según la lógica de la función Number explicada antes.
- Operadores aritméticos:
+ (si no hay ningún string de por medio), -, *, /, %, **
- Operadores unarios de suma y de negación:
+, -
- Operadores relacionales (para operandos que no son strings):
>, >=, <, <=
- Operadores a nivel de bits:
|, &, ^, ~
Consulta la lista de operadores de MDN para obtener más detalles sobre cualquiera de esos operadores.
Para evitar errores, es buena práctica llamar siempre a Number de forma explícita antes de aplicar esos operadores.
Ejercicio de aprendizaje
