Carregando...

Tipos de dados

Você viu a variável como uma caixa com nome. A pergunta seguinte: que tipo de valor fica dentro? Esses tipos são os tipos de dados. Aqui montamos o mapa do iniciante e usamos typeof para pedir o rótulo ao JavaScript.

O que são tipos de dados e como verificá-los?

Um tipo de dado é a espécie de valor que um nome guarda — texto, número, verdadeiro/falso, «ainda sem valor», etc. Neste curso você começa com string, number, boolean, undefined e null. Objetos e arrays só em prévia; o detalhe vem depois. Para verificar, escreva typeof antes do valor (ou do nome). A resposta é uma string curta como "string" ou "number".

Mapa de tipos para iniciantes

📊 Espécies de valor que convém conhecer primeiro

Espécie Exemplo typeof típico Nota
Texto (string) "Hello" "string" Texto entre aspas
Número 42 ou 3.5 "number" Inteiro e decimal: um só tipo aqui
Boolean true / false "boolean" Liga/desliga; depois para condições
Undefined nome ainda sem valor "undefined" Declarado mas não atribuído
Null null "object" (estranheza) Vazio de propósito; typeof confunde — lembre o quirk
Objeto / array (prévia) { } / [1, 2] "object" Grupos de valores; detalhes depois

Valores string

O texto fica entre aspas. typeof responde "string".

String e typeof

javascript 
let label = "JavaScript";
console.log(label);
console.log(typeof label);

Valores number

Inteiros e decimais compartilham o tipo number no nível iniciante. Não é preciso um «tipo inteiro» separado aqui.

Number e typeof

javascript 
let score = 42;
console.log(score);
console.log(typeof score);

Valores boolean

true e false têm tipo próprio — úteis depois em condições. São palavras-chave, não as strings "true".

Boolean e typeof

javascript 
let ready = true;
console.log(ready);
console.log(typeof ready);

Undefined — ainda sem valor

Se declarar com let e não atribuir, o valor é undefined. typeof dá "undefined".

Valor undefined

javascript 
let pending;
console.log(pending);
console.log(typeof pending);

Null — vazio de propósito

null significa «vazio de propósito». Curiosidade: typeof null é "object" — um quirk antigo. Trate null como vazio e memorize esse rótulo.

null e o quirk do typeof

javascript 
let empty = null;
console.log(empty);
console.log(typeof empty);

Verificar vários valores

Registre o valor e o typeof. "10" (com aspas) é string; 10 é number.

Várias checagens typeof

javascript 
console.log(typeof "10");
console.log(typeof 10);
console.log(typeof false);
console.log(typeof undefined);
console.log(typeof null);

Mostrar o rótulo na página

Guarde um valor, leia typeof e coloque o rótulo na página com textContent.

A página mostra typeof de um valor

html 
<!DOCTYPE html>
<html>
<head>
<title>Data Types — typeof on page</title>
</head>
<body>
<p id="out">…</p>
<script>
let sample = "W3Learn";
let kind = typeof sample;
document.getElementById("out").textContent = "Type: " + kind;
</script>
</body>
</html>

O parágrafo mostra Type: string porque sample tem texto. Mude sample para um número ou true, atualize — o rótulo acompanha.

Pratique você

  1. Um let com cidade entre aspas; registre valor e typeof.
  2. Atribua um número sem aspas; espere "number".
  3. Atribua true ou false; confirme "boolean".
  4. let x; sem atribuição; veja typeof x.
  5. Atribua null; anote o quirk "object".
  6. No HTML, mude só sample e atualize.

Erros comuns

  • Escrever let n = "42"; e esperar matemática numérica — aspas fazem uma string
  • Assustar-se com typeof null === "object" — quirk, ainda não a aula profunda de objetos
  • Tratar as palavras string ou number como nomes de variável a declarar
  • Esquecer typeof quando dois valores «parecem iguais» no console mas se comportam diferente
  • Mergulhar em arrays/objetos antes das sessões seguintes — este mapa basta por agora

Resumo

  • Tipos de dados são as espécies de valor que uma variável pode guardar
  • Mapa inicial: string, number, boolean, undefined, null (mais uma prévia curta de objeto/array)
  • typeof devolve um rótulo de tipo em forma de string
  • typeof null é "object" — lembre o quirk
  • Em seguida: Números — mais detalhe com valores numéricos

🧠 Teste Seu Conhecimento

Pronto para Começar

Teste Seu Conhecimento

Desafie-se com este questionário interativo e veja o quão bem você entende o tópico

❓
8
Perguntas
🎯
70%
Para Passar
♾️
∞
Tempo
🔄
∞
Tentativas

📝 Instruções

  • Leia cada pergunta cuidadosamente
  • Selecione a melhor resposta para cada pergunta
  • Você pode refazer o quiz quantas vezes quiser
  • Seu progresso será mostrado no topo
Tópico 8 de 13
Javascript Tutorial