Tipos de Dados em JavaScript: O guia definitivo para iniciantes entenderem String, Number, Boolean, Null e Undefined

Tipos de Dados em JavaScript: String, Number, Boolean, Null e Undefined

Nesta aula você aprenderá como funcionam os principais str tipos de dados em JavaScript, incluindo String, Number, Boolean, Undefined e Null. Também veremos como utilizar o operador typeof para descobrir exatamente qual tipo está armazenado dentro de uma variável.

"Cada valor que você declara, na verdade atribui a uma variável, ela é um tipo de dado e o JavaScript vai tratar esses valores conforme o tipo ali que você tá informando. Entender os tipos de dados é entender como o JavaScript pensa."

🔍 O que são tipos de dados em JavaScript?

Os tipos de dados são categorias que definem o tipo de informação que uma variável pode armazenar. O JavaScript é uma linguagem de tipagem dinâmica, o que significa que você não precisa declarar o tipo da variável — o próprio JavaScript identifica automaticamente o tipo do valor armazenado.

Os tipos de dados em JavaScript são divididos em duas categorias principais:

• Tipos Primitivos — String, Number, Boolean, Undefined, Null, Symbol e BigInt
• Tipos de Referência — Object, Array, Function, etc.

📦 Tipos Primitivos em JavaScript

let nome = "Rogerio";  // String com aspas duplas
let mensagem = 'Olá, mundo!';  // String com aspas simples
let template = `Meu nome é ${nome}`;  // Template literal
            

let idade = 48;  // Número inteiro
let preco = 99.90;  // Número decimal
let negativo = -10;  // Número negativo
            

let estaLogado = true;
let maiorDeIdade = false;
let teste = 10 > 5;  // true
            

let indefinido;  // undefined
console.log(indefinido);  // undefined
            

let nulos = null;
console.log(nulos);  // null
            

🔍 O operador typeof em JavaScript

O operador typeof é usado para descobrir o tipo de uma variável ou valor. É uma ferramenta essencial para programadores, especialmente para iniciantes, pois ajuda a entender o que está sendo armazenado em uma variável.

// Declarando variáveis de diferentes tipos
let material = "Lápis";  // String
let numero = 48;  // Number
let teste = false;  // Boolean
let indefinido;  // Undefined
let nulos = null;  // Null

// Verificando os tipos
console.log(typeof material);  // "string"
console.log(typeof numero);    // "number"
console.log(typeof teste);     // "boolean"
console.log(typeof indefinido); // "undefined"
console.log(typeof nulos);     // "object" (comportamento histórico)
        

⚠️ O erro mais comum: String + Number

Um dos erros mais comuns entre programadores iniciantes é somar um Number com uma String. O JavaScript, ao encontrar uma String em uma operação de soma, converte o Number para String e realiza uma concatenação.

// Variáveis
let numero = 48;
let numeroString = "2";

// Soma com número e string
console.log(numero + numeroString);  // "482" (concatenação)

// Ordem alterada
console.log(numeroString + numero);  // "248" (concatenação)
        

// Formas de converter String para Number

// 1. Usando Number()
let resultado1 = Number("2") + 48;  // 50

// 2. Usando parseInt()
let resultado2 = parseInt("2") + 48;  // 50

// 3. Usando parseFloat()
let resultado3 = parseFloat("2.5") + 48;  // 50.5

// 4. Usando o operador unário +
let resultado4 = +"2" + 48;  // 50
        

🔄 Undefined vs Null: Qual a diferença?

Undefined e Null são dois tipos de dados que representam a ausência de valor, mas têm significados diferentes:

// Undefined - variável declarada sem valor
let indefinido;
console.log(indefinido);  // undefined
console.log(typeof indefinido);  // "undefined"

// Null - valor vazio intencional
let nulos = null;
console.log(nulos);  // null
console.log(typeof nulos);  // "object"

// Comparação
console.log(indefinido == nulos);   // true (igualdade ampla)
console.log(indefinido === nulos);  // false (igualdade estrita)
        

📋 Boas práticas com tipos de dados

⏱️ Capítulos do vídeo

• 00:00 — O que são tipos de dados no JavaScript?
• 00:13 — Conhecendo String, Number, Boolean, Undefined e Null
• 00:39 — Quando utilizar Null na programação
• 00:46 — Como funciona o operador typeof
• 00:53 — Declarando variáveis com let
• 01:38 — Descobrindo o tipo de cada variável
• 02:01 — Por que typeof null retorna object?
• 02:14 — String + Number: por que o JavaScript concatena?
• 03:00 — Conclusão

🎯 Conclusão

Entender os tipos de dados em JavaScript é fundamental para qualquer programador, seja você um iniciante ou um profissional experiente. Dominar String, Number, Boolean, Undefined e Null é essencial para escrever código correto e evitar erros comuns.

Neste artigo, você aprendeu:

• ✅ O que são tipos de dados em JavaScript
• ✅ Como funciona uma String
• ✅ Como funciona um Number
• ✅ O que é Boolean
• ✅ A diferença entre Undefined e Null
• ✅ Como utilizar typeof para identificar tipos
• ✅ Por que typeof null retorna "object"
• ✅ Por que "48" + 2 pode gerar um resultado inesperado
• ✅ Como evitar erros de concatenação
• ✅ Boas práticas para trabalhar com tipos de dados

🤔 O que você achou?

💬 Quer aprender JavaScript do ZERO? Comece agora a escrever seu primeiro código e seus fundamentos!

❓ FAQ: Perguntas Frequentes sobre Tipos de Dados em JavaScript

🎬 Assista ao Vídeos completo sobre Refatoração

O vídeo foi feito em Javascript mais o conceito pode ser utilizado em qualquer outra linguagem de programação..

🔗 Conecte-se Comigo