Você já sentiu que o seu código se comporta de forma estranha porque você não sabia exatamente que tipo de valor estava usando? Entender os tipos de dados é a base para escrever programas sólidos e sem erros.

Capa: Tipos de Dados em JavaScript com diversos símbolos de código

Neste guia, vamos explorar a arquitetura dos dados no JavaScript, transformando conceitos complexos em explicações visuais simples.

O Que é um Tipo de Dado e Variável?

Em JavaScript, um tipo de dado é a categoria do valor que você armazena, como um número ou um texto.

Pense na variável como um “contêiner nomeado” Você cria um nome (como x ou user) e coloca um valor dentro dele para usar e manipular depois

Arquitetura dos Dados: Divisão entre Tipos Primitivos e Objetos

A Arquitetura: Primitivos vs. Objetos

O JavaScript organiza seus dados em duas grandes categorias 144]:

  1. Tipos Primitivos: São valores básicos e imutáveis (Number, String, Boolean, undefined, null, Symbol e BigInt).
  2. Tipo Objeto: Uma estrutura mais complexa que agrupa coleções de dados

1. Variáveis em Ação: Declaração e Atribuição

Quando você escreve let x;, você está declarando a variável. Nesse momento, ela existe, mas seu valor é undefined. Somente quando você faz x = 4;, ocorre a atribuição do valor ao contêiner.

Diagrama de declaração de variável mostrando o estado undefined e a atribuição do valor 4

2. Primitivos Essenciais: Number e String

Os tipos que você mais usará no dia a dia são os números e os textos.

  • Number: Representa valores inteiros (ex: 19) e de ponto flutuante (ex: 3.14).
  • String: É uma sequência de caracteres delimitada por aspas simples ou duplas.

Exemplos de código para tipos Number e String

3. Lógica e a Diferença entre Null e Undefined

O tipo Boolean é binário: ele só pode ser true (verdadeiro) ou false (falso). Ele é fundamental para tomadas de decisão, como verificar se um usuário está logado.

Tabela comparativa entre Boolean, Undefined e Null

Uma dúvida comum é a diferença entre os outros dois:

  • Undefined: A variável foi declarada, mas não tem valor (geralmente acidental) .
  • Null: Você define intencionalmente que a variável é “nada” .

4. O Tipo Complexo: Object

Diferente dos primitivos, o Object é uma coleção de pares chave-valor . Ele é perfeito para agrupar informações relacionadas, como as propriedades de um usuário.

Visualização de um objeto user com chaves name e age

5. Casos Específicos: BigInt e Symbol

Para situações avançadas, o JavaScript oferece:

  • BigInt: Para números inteiros gigantes que o tipo Number comum não consegue processar (use o sufixo n).
  • Symbol: Um identificador que é sempre único e imutável .

Explicação visual de BigInt e Symbol

Dominar os tipos de dados é o que permite que você manipule informações com precisão em seus programas. Do simples true de um Boolean até a complexidade de um Object, cada tipo tem seu papel na arquitetura da web.

Blueprint Final: Resumo de todo o sistema de tipos do JavaScript

Qual desses tipos você achou mais interessante? Comece a testar usando o console.log() no seu navegador hoje mesmo!