Tipos de datos
Clase 3 de 104 min de lectura
El precio de un producto, el nombre de una persona, si la luz está encendida o apagada… Un programa trabaja con información del mundo real, y para trasladarla a tu código primero tienes que saber qué tipos de datos entiende JavaScript.
En JavaScript tenemos 9 tipos de datos, repartidos en dos grandes grupos: primitivos y no primitivos. Más adelante te contaré qué significa esa división. Por ahora nos quedamos con los primitivos, que son 7:
numberstringbooleannullundefinedsymbolbigint
Tranquilo: no tienes que recordarlos ni entenderlos todos ahora. En esta clase vamos a por los tres primeros, que son con diferencia los que más vas a usar al inicio del curso.
number, string y boolean. Los demás los irás viendo en el curso.Números#
Los números (tipo number) son el dato más básico que puedes representar. Y aquí JavaScript te lo pone fácil: no distingue entre enteros y decimales. Todos son de tipo number:
73.1419.95-12.998e8El último usa notación científica: 2.998e8 es 2.998 multiplicado por 10 elevado a 8, o sea, 299800000. Viene bien para no perderse contando ceros.
Operadores aritméticos
Con los números puedes hacer cuentas, igual que en una calculadora. Para eso están los operadores aritméticos:
| Operador | Operación |
|---|---|
+ | Suma |
- | Resta |
* | Multiplicación |
/ | División |
% | Módulo (el resto de la división) |
** | Exponente |
Pruébalos en la consola. Fíjate en que el resultado siempre es otro número:
2 + 244 - 223 * 262 / 212 % 203 ** 327Como en matemáticas, las operaciones siguen un orden de precedencia. En 2 + 2 * 3 primero se multiplica 2 * 3 y después se suma 2 + 6, así que el resultado es 8.
¿Quieres que se calcule en otro orden? Usa paréntesis:
2 + 2 * 3 // -> 8(2 + 2) * 3 // -> 12Más adelante le dedicaremos una clase entera a bigint, un tipo de dato parecido a number pero pensado para trabajar con números enormes.
Cadenas de texto#
Un nombre, un mensaje, una frase entera: todo lo que sea texto es una cadena de texto (tipo string). Se escribe entre comillas, y tienes tres para elegir: simples, dobles o acentos graves.
'Estás aprendiendo JavaScript'"JavaScript te va a gustar"`Esto es una cadena de texto`Las comillas simples y las dobles funcionan igual. Los acentos graves tienen un extra: permiten escribir cadenas de texto que ocupan varias líneas.
`Esto es una cadena de textoque ocupa varias líneas. Puedes escribirtantas líneas como quieras`En clases posteriores veremos con calma cómo funcionan, sus diferencias y todo lo que puedes hacer con ellas.
Concatenación
Para unir dos cadenas de texto se usa el operador +. A esto se le llama concatenar:
'Estás aprendiendo ' + 'JavaScript' // -> 'Estás aprendiendo JavaScript'Mira el espacio al final de la primera cadena: JavaScript pega los textos tal cual, no añade ninguno por ti.
¿Pero + no era el operador de sumar? Sí, es el mismo símbolo. El operador + funciona de forma diferente según el tipo de dato: con números suma, con cadenas de texto las une.
Booleanos#
Un booleano (tipo boolean) solo puede tener dos valores: true (verdadero) o false (falso). No hay término medio.
Es el tipo perfecto para responder preguntas de sí o no:
- ¿La luz está encendida (
true) o apagada (false)? - ¿Está lloviendo (
true) o no está lloviendo (false)? - ¿Está el usuario logueado (
true) o no está logueado (false)?
En el código se escriben tal cual, sin comillas:
truefalseEn resumen
- JavaScript tiene 9 tipos de datos; 7 de ellos son primitivos.
numbersirve para cualquier número, entero o decimal, y se opera con+,-,*,/,%y**.stringes texto entre comillas simples, dobles o acentos graves, y se une con+.booleansolo puede sertrueofalse.