Saltar al contenido principal
01Introducción

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:

  • number
  • string
  • boolean
  • null
  • undefined
  • symbol
  • bigint

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.

Infografía
Los 7 tipos primitivos de JavaScript
6.Al principio usarás sobre todo number, string y boolean. Los demás los irás viendo en el curso.
Paso 6 de 6

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.998e8

El ú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:

OperadorOperació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:

Consola
Escribes:2 + 2
Devuelve:4
Escribes:4 - 2
Devuelve:2
Escribes:3 * 2
Devuelve:6
Escribes:2 / 2
Devuelve:1
Escribes:2 % 2
Devuelve:0
Escribes:3 ** 3
Devuelve:27

Como 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 // -> 12

Má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:

truefalse

En resumen

  • JavaScript tiene 9 tipos de datos; 7 de ellos son primitivos.
  • number sirve para cualquier número, entero o decimal, y se opera con +, -, *, /, % y **.
  • string es texto entre comillas simples, dobles o acentos graves, y se une con +.
  • boolean solo puede ser true o false.