Organizando Informações de Forma Inteligente

Imagine que você precisa representar uma pessoa no seu programa. Você poderia usar variáveis separadas:

let nomePessoa = "Maria";
let idadePessoa = 28;
let profissaoPessoa = "Desenvolvedora";
let ativaPessoa = true;

Mas e se você precisar representar 100 pessoas? Ou 1000? Rapidamente, seu código se tornaria uma bagunça impossível de gerenciar. É aqui que os objetos entram em cena como verdadeiros organizadores de informações!

O Que São Objetos?

Objetos são estruturas de dados que permitem agrupar múltiplos valores relacionados em uma única entidade. Pense neles como "caixas organizadas" onde cada compartimento tem um nome (chamamos de propriedade ou chave) e armazena um valor específico.

Por Que Objetos São Importantes?

Enquanto os tipos primitivos (number, string, boolean) armazenam apenas um valor, objetos permitem:

✅ Agrupar dados relacionados em uma única estrutura
✅ Representar entidades do mundo real (pessoas, produtos, carros)
✅ Organizar código de forma mais clara e intuitiva
✅ Facilitar manutenção e expansão do programa

Criando Objetos

Sintaxe Literal de Objeto (Mais Comum)

A forma mais simples e comum de criar objetos é usando chaves {}:

// Objeto vazio
let usuario = {};

// Objeto com propriedades
let pessoa = {
    nome: "Maria",
    idade: 28,
    profissao: "Desenvolvedora",
    ativa: true
};

Anatomia de um Objeto

let produto = {
    nome: "Notebook",      // propriedade: valor
    preco: 3500,          // propriedade: valor
    emEstoque: true       // propriedade: valor
};

Cada linha dentro do objeto segue o padrão:

Chave (ou nome da propriedade): identifica a informação
Dois pontos : separam chave e valor
Valor: a informação armazenada
Vírgula , separa as propriedades (exceto a última)

Sintaxe com Construtor (Menos Comum)

let usuario = new Object();
usuario.nome = "João";
usuario.idade = 30;

Dica: Prefira sempre a sintaxe literal {} - é mais clara, concisa e amplamente utilizada.

Acessando Propriedades

Existem duas formas principais de acessar propriedades de um objeto:

1. Notação de Ponto (Mais Comum)

let pessoa = {
    nome: "Carlos",
    idade: 35,
    cidade: "São Paulo"
};

// Lendo propriedades
console.log(pessoa.nome);     // "Carlos"
console.log(pessoa.idade);    // 35
console.log(pessoa.cidade);   // "São Paulo"

// Modificando propriedades
pessoa.idade = 36;
console.log(pessoa.idade);    // 36

// Adicionando novas propriedades
pessoa.profissao = "Engenheiro";
console.log(pessoa.profissao); // "Engenheiro"

2. Notação de Colchetes (Para Casos Especiais)

A notação de colchetes é necessária quando:

O nome da propriedade tem espaços ou caracteres especiais
O nome da propriedade é dinâmico (está em uma variável)

let pessoa = {
    nome: "Ana",
    "nome completo": "Ana Silva Santos",
    idade: 25
};

// Com espaços - PRECISA de colchetes
console.log(pessoa["nome completo"]); // "Ana Silva Santos"

// Propriedade dinâmica
let propriedade = "idade";
console.log(pessoa[propriedade]);     // 25

// Propriedade calculada
let chave = "nom" + "e";
console.log(pessoa[chave]);           // "Ana"

Diferenças Entre as Notações

| Notação de Ponto | Notação de Colchetes | |------------------|----------------------| | Mais limpa e legível | Funciona com espaços e caracteres especiais | | Nome fixo | Nome pode ser dinâmico (em variável) | | Não funciona com espaços | Permite propriedades computadas | | objeto.propriedade | objeto["propriedade"] |

Modificando Objetos

Alterando Valores

let carro = {
    marca: "Toyota",
    modelo: "Corolla",
    ano: 2020
};

// Modificando valores existentes
carro.ano = 2021;
carro["modelo"] = "Corolla XEi";

console.log(carro);
// { marca: "Toyota", modelo: "Corolla XEi", ano: 2021 }

Adicionando Propriedades

let livro = {
    titulo: "JavaScript Descomplicado",
    autor: "Maria Silva"
};

// Adicionando novas propriedades
livro.paginas = 350;
livro.editora = "Tech Books";
livro["ano de publicacao"] = 2024;

console.log(livro);
// {
//   titulo: "JavaScript Descomplicado",
//   autor: "Maria Silva",
//   paginas: 350,
//   editora: "Tech Books",
//   "ano de publicacao": 2024
// }

Removendo Propriedades

Use o operador delete para remover propriedades:

let usuario = {
    nome: "Pedro",
    email: "pedro@email.com",
    senha: "123456",
    ativo: true
};

// Removendo propriedade
delete usuario.senha;

console.log(usuario);
// { nome: "Pedro", email: "pedro@email.com", ativo: true }

Propriedades Computadas

Você pode criar propriedades com nomes dinâmicos durante a criação do objeto:

let tipo = "animal";
let nome = "Rex";

let pet = {
    [tipo]: "cachorro",
    ["nome do " + tipo]: nome,
    idade: 5
};

console.log(pet);
// { animal: "cachorro", "nome do animal": "Rex", idade: 5 }

Exemplo Prático

function criarProduto(nome, valor) {
    let tipoPropriedade = "preco";
    
    return {
        nome: nome,
        [tipoPropriedade]: valor,
        ["desconto_" + nome.toLowerCase()]: valor * 0.1
    };
}

let produto = criarProduto("Notebook", 3000);
console.log(produto);
// {
//   nome: "Notebook",
//   preco: 3000,
//   desconto_notebook: 300
// }

Percorrendo Objetos com for...in

Para acessar todas as propriedades de um objeto, use o loop for...in:

let estudante = {
    nome: "Lucas",
    idade: 20,
    curso: "Engenharia",
    semestre: 4
};

// Percorrendo todas as propriedades
for (let chave in estudante) {
    console.log(chave + ": " + estudante[chave]);
}

// Saída:
// nome: Lucas
// idade: 20
// curso: Engenharia
// semestre: 4

Exemplo Prático: Listando Produtos

let estoque = {
    notebook: 15,
    mouse: 50,
    teclado: 30,
    monitor: 8
};

console.log("📦 Estoque Atual:");
for (let produto in estoque) {
    console.log(`${produto}: ${estoque[produto]} unidades`);
}

// Saída:
// 📦 Estoque Atual:
// notebook: 15 unidades
// mouse: 50 unidades
// teclado: 30 unidades
// monitor: 8 unidades

Objetos Aninhados

Objetos podem conter outros objetos como propriedades, criando estruturas mais complexas:

let empresa = {
    nome: "Tech Solutions",
    fundacao: 2015,
    endereco: {
        rua: "Av. Paulista",
        numero: 1000,
        cidade: "São Paulo",
        estado: "SP"
    },
    funcionarios: {
        total: 50,
        departamentos: {
            TI: 20,
            Vendas: 15,
            RH: 5
        }
    }
};

// Acessando propriedades aninhadas
console.log(empresa.nome);                        // "Tech Solutions"
console.log(empresa.endereco.cidade);            // "São Paulo"
console.log(empresa.funcionarios.total);         // 50
console.log(empresa.funcionarios.departamentos.TI); // 20

Exemplo Completo: Cadastro de Pessoa

let pessoa = {
    nome: "Ana Carolina",
    idade: 32,
    contato: {
        email: "ana@email.com",
        telefones: {
            residencial: "(11) 1234-5678",
            celular: "(11) 98765-4321"
        }
    },
    endereco: {
        rua: "Rua das Flores",
        numero: 123,
        complemento: "Apto 45",
        cidade: "Rio de Janeiro",
        estado: "RJ"
    }
};

// Acessando dados aninhados
console.log(pessoa.nome);                           // "Ana Carolina"
console.log(pessoa.contato.email);                 // "ana@email.com"
console.log(pessoa.contato.telefones.celular);     // "(11) 98765-4321"
console.log(pessoa.endereco.cidade);               // "Rio de Janeiro"

// Modificando dados aninhados
pessoa.contato.email = "ana.carolina@email.com";
pessoa.endereco.complemento = "Apto 47";

Objetos vs Arrays: Quando Usar Cada Um?

Use Arrays quando:

Você tem uma lista ordenada de itens
A ordem importa
Você acessa por posição/índice numérico
Exemplo: lista de compras, notas de alunos, histórico

let frutas = ["maçã", "banana", "laranja"];
console.log(frutas[0]); // "maçã"

Use Objetos quando:

Você tem dados relacionados que formam uma entidade
As propriedades têm nomes significativos
A ordem não importa
Você acessa por nome da propriedade
Exemplo: informações de pessoa, configurações, produto

let pessoa = {
    nome: "João",
    idade: 25,
    cidade: "Salvador"
};
console.log(pessoa.nome); // "João"

Conceitos Fundamentais Sobre Objetos

1. Objetos São Passados por Referência

let objeto1 = { valor: 10 };
let objeto2 = objeto1;      // objeto2 aponta para o mesmo objeto
let objeto3 = { valor: 10 }; // objeto3 é um objeto diferente

console.log(objeto1 == objeto2);  // true (mesma referência)
console.log(objeto1 == objeto3);  // false (objetos diferentes)

objeto1.valor = 15;
console.log(objeto2.valor);       // 15 (afetado!)
console.log(objeto3.valor);       // 10 (não afetado)

Importante: Quando você atribui um objeto a outra variável, você está copiando a referência, não o objeto em si. Mudanças em uma variável afetam a outra!

2. Objetos Declarados com const

Mesmo objetos const podem ter suas propriedades modificadas:

const usuario = {
    nome: "João"
};

usuario.nome = "Pedro";  // ✅ Funciona! (propriedade modificada)
usuario.idade = 30;      // ✅ Funciona! (propriedade adicionada)

// usuario = {};         // ❌ ERRO! (não pode reatribuir a variável)

O const protege a variável, não o conteúdo do objeto.

Métodos Úteis para Objetos

Object.keys() - Lista as Chaves

let produto = {
    nome: "Mouse",
    preco: 50,
    estoque: 100
};

let chaves = Object.keys(produto);
console.log(chaves); // ["nome", "preco", "estoque"]

Object.values() - Lista os Valores

let valores = Object.values(produto);
console.log(valores); // ["Mouse", 50, 100]

Object.entries() - Lista Pares [Chave, Valor]

let entradas = Object.entries(produto);
console.log(entradas);
// [
//   ["nome", "Mouse"],
//   ["preco", 50],
//   ["estoque", 100]
// ]

Próximos Passos

Na próxima aula, você aprenderá sobre:

Referências e Cópias de objetos
Como clonar objetos corretamente
Diferenças entre clonagem superficial e profunda
JSON e serialização de dados

Continue praticando e explorando objetos - eles são fundamentais para tudo que você fará em JavaScript!