📦 1. Tipos de Dados
Contexto Geral: Em JavaScript, objetos são estruturas fundamentais para armazenar coleções de dados e funcionalidades relacionadas. Eles funcionam como contêineres que agrupam pares
chave: valor.
1.1 Objetos
📌 Como criar um objeto
A sintaxe básica para criar um objeto em JavaScript:
const pessoa = {
nome: "Matheus",
idade: 27,
profissao: "Engenheiro de Software"
};
Dica: Podemos acessar os valores com
pessoa.nome ou pessoa["nome"].
🎯 Adicionar ou modificar propriedades
pessoa.sobrenome = "Augusto"; // Adiciona
pessoa.idade = 28; // Modifica
🔄 Remover propriedades
delete pessoa.profissao;
🧪 Demonstração: Criando e Manipulando Objetos
// O resultado aparecerá aqui
🔍 Métodos em objetos
Objetos também podem conter funções como valores, chamadas de métodos:
const carro = {
modelo: "Duke 200",
ligar: function() {
console.log("Vruum! A moto ligou.");
}
};
carro.ligar();
Exemplo Completo:
const aluno = {
nome: "Ana",
notas: [8, 7, 9],
media: function() {
let soma = this.notas.reduce((acc, nota) => acc + nota, 0);
return soma / this.notas.length;
}
};
console.log(aluno.media()); // Output: 8
1.2 Arrays
Arrays são estruturas de dados que armazenam uma coleção ordenada de elementos. Cada elemento tem um índice numérico começando em 0.
📌 Como declarar um array
// Forma literal (mais comum)
const frutas = ["maçã", "banana", "laranja"];
// Usando o construtor Array
const numeros = new Array(1, 2, 3, 4, 5);
// Array vazio
const listaVazia = [];
🎯 Como acessar os elementos de um array
console.log(frutas[0]); // "maçã"
console.log(frutas[1]); // "banana"
console.log(frutas[2]); // "laranja"
// Modificar um elemento
frutas[1] = "uva";
console.log(frutas); // ["maçã", "uva", "laranja"]
📏 Propriedade length
console.log(frutas.length); // 3
// Adicionar elemento no final
frutas[frutas.length] = "pêra";
🧪 Demonstração: Trabalhando com Arrays
Array atual: []
🔧 Métodos e funções em arrays
// Métodos básicos
frutas.push("manga"); // Adiciona no final
frutas.pop(); // Remove do final
frutas.unshift("abacaxi"); // Adiciona no início
frutas.shift(); // Remove do início
// Métodos de busca
frutas.indexOf("banana"); // Retorna o índice
frutas.includes("uva"); // Retorna true/false
// Métodos avançados
frutas.slice(1, 3); // Retorna uma fatia
frutas.splice(1, 1, "kiwi"); // Remove e/ou adiciona elementos
🧪 Demonstração: Métodos de Array
// Resultados dos métodos aparecerão aqui
🧠 Resumo
- Objetos armazenam pares chave:valor.
- Podem conter dados primitivos, arrays e métodos.
- Usamos
.ou[]para acessar valores. - Métodos são funções definidas dentro do objeto.
- Arrays são coleções ordenadas com índices numéricos.
- Arrays possuem propriedade
lengthe vários métodos úteis.
📋 Perguntas de Revisão
1. O que são objetos em JavaScript?
Estruturas que armazenam pares chave:valor e podem conter dados e funcionalidades relacionadas.
2. Como se cria e acessa um valor dentro de um objeto?
Criação: const obj = { chave: valor }. Acesso: obj.chave ou obj["chave"].
3. Qual a diferença entre . e []?
Ambos acessam propriedades, mas [] permite usar variáveis e strings como chaves.
4. Como declarar e manipular arrays?
Declaração: const arr = []. Manipulação com métodos como push(), pop(), slice(), etc.