6 Arrays e Objetos

Arrays e objetos são estruturas fundamentais para organizar dados.

array: lista ordenada de valores.
objeto: coleção de pares chave: valor.

6.1 Arrays

const notas = [7.5, 8.0, 6.5, 9.0]

console.log(notas[0])      // primeiro item
console.log(notas.length)  // quantidade de itens

6.2 Métodos mais usados em arrays

const alunos = ["Ana", "Bruno"]

alunos.push("Carla")   // adiciona no fim
const removido = alunos.pop() // remove do fim

console.log(removido)
console.log(alunos)

Outros úteis:

const fila = ["A", "B", "C"]
fila.shift()      // remove do início
fila.unshift("X") // adiciona no início
console.log(fila)

6.3 Percorrendo arrays

6.3.1 `for` tradicional

const precos = [12, 30, 18]
let total = 0

for (let i = 0; i < precos.length; i++) {
  total += precos[i]
}

console.log(`Total: R$ ${total}`)

6.3.2 `for...of`

const cidades = ["Ponta Porã", "Dourados", "Bonito"]

for (const cidade of cidades) {
  console.log(cidade)
}

6.4 `map`, `filter`, `reduce`

const numeros = [1, 2, 3, 4, 5]

const dobrados = numeros.map((n) => n * 2)
const pares = numeros.filter((n) => n % 2 === 0)
const soma = numeros.reduce((acc, n) => acc + n, 0)

console.log(dobrados)
console.log(pares)
console.log(soma)

6.5 Objetos

const aluno = {
  nome: "João",
  turma: "2A",
  ativo: true,
  exibir() {
    return `${this.nome} - ${this.turma}`
  }
}

console.log(aluno.exibir())

6.6 Acessando e alterando propriedades

const produto = {
  nome: "Caderno",
  preco: 25
}

console.log(produto.nome)
produto.preco = 22
produto.estoque = 15
console.log(produto)

6.7 Array de objetos

Muito comum em sistemas:

const passeios = [
  { local: "Bonito", preco: 120 },
  { local: "Pantanal", preco: 200 },
  { local: "Campo Grande", preco: 80 }
]

const baratos = passeios.filter((p) => p.preco <= 120)
console.log(baratos)

6.8 Desestruturação

const estudante = {
  nome: "Lívia",
  cidade: "Ponta Porã",
  curso: "Informática"
}

const { nome, cidade } = estudante
console.log(nome, cidade)

6.9 Spread em arrays e objetos

const base = [1, 2, 3]
const copia = [...base, 4]

const alunoBase = { nome: "Rafa", turma: "1B" }
const alunoAtualizado = { ...alunoBase, turma: "2B" }

console.log(copia)
console.log(alunoAtualizado)

6.10 Exercícios

Crie um array com 10 números e exiba apenas os ímpares.
Dado um array de preços, calcule o total com reduce.
Crie um objeto produto com nome, preço e estoque.
Crie um array de objetos alunos com nome e nota; exiba só os aprovados.
Desafio: monte uma lista de passeios com preço e exiba o mais barato.