Aula 23

🧩 O que é um Array?

Um array é uma lista de valores guardados em uma única variável.

Exemplo:

let frutas = ["maçã", "banana", "laranja"];

Com ele, você pode:

• Acessar valores com índice: frutas[0] → "maçã"

• Verificar se um item está na lista: frutas.includes("banana") → true

🔗 .join()

✅ O que é?

O método .join() transforma um array em uma única string, unindo os elementos com um separador à sua escolha.

let frutas = ["maçã", "banana", "laranja"];

let resultado = frutas.join(", ");

alert(resultado);

🖥️ no conole:
maçã, banana, laranja

📌 Dicas:

• Se você usar .join("\n"), cada item aparecerá em uma linha diferente.

• Se você não passar nada dentro do parênteses (.join()), ele usa vírgula por padrão.

frutas.join() // "maçã,banana,laranja"

.includes()

✅ O que é?

O método .includes(valor) verifica se o valor está presente dentro do array.

Ele retorna:

• true se encontrar

• false se não encontrar

let nomes = ["Ana", "Carlos", "Joana"];

let resultado = nomes.includes("Carlos");

alert(resultado); // true

📌 Dicas:

• A verificação é sensível a letras maiúsculas e minúsculas.

nomes.includes("carlos") // false

• Para evitar esse problema, você pode padronizar com

.toLowerCase():

let nomeDigitado = prompt("Digite seu nome:");

if (nomes.includes(nomeDigitado.charAt(0).toUpperCase() + nomeDigitado.slice(1).toLowerCase())) {

  alert("Está na lista!");

}

📌 Conceitos praticados nesta aula:

• Arrays: criação, uso e verificação com .includes()

• getElementById para acessar o valor digitado

• innerText para mostrar mensagem ao usuário

• style.color para destacar o resultado visualmente

✅ Exercício 1 – Criando sua primeira lista (Resolvido)

Objetivo: Criar um array de frutas e exibi-lo no console.

let frutas = ["maçã", "banana", "laranja", "uva", "melancia"];

console.log(frutas);

Saída esperada no console:

["maçã", "banana", "laranja", "uva", "melancia"]

2️⃣ Criar um array de 3 nomes e mostrar o segundo 

let nomes = ["Lucas", "Ana", "Marina"];

alert("Segundo nome: " + nomes[1]);

3️⃣ Criar um array de cores, pedir uma com prompt() e verificar se está na lista

let cores = ["vermelho", "azul", "verde"];

let cor = prompt("Digite uma cor:");

if (cores.includes(cor.toLowerCase())) {

  alert("Cor encontrada!");

} else {

  alert("Cor não está na lista.");

}

4️⃣ Criar um array de países e mostrar quantos tem com .length

let paises = ["Brasil", "Argentina", "Chile"];

alert("Total de países: " + paises.length);

5️⃣ Criar um array de números e mostrar a soma dos 3 primeiros

let numeros = [10, 20, 30];

let soma = numeros[0] + numeros[1] + numeros[2];

alert("Soma: " + soma);

6️⃣ Criar um array com nomes e perguntar se um nome está incluído 

let lista = ["Carlos", "João", "Tatiane", "Bruna"];

let nome = prompt("Digite um nome:");

if (lista.includes(nome)) {

  alert("Está na lista!");

} else {

  alert("Não está na lista.");

}

7️⃣ Criar um array de meses e mostrar o último mês 

let meses = ["Janeiro", "Fevereiro", "Março", "Abril"];

alert("Último mês: " + meses[meses.length - 1]);

8️⃣ Criar um array de filmes, pedir um nome e mostrar se está na lista com emoji 

let filmes = ["Matrix", "Avatar", "Shrek"];

let f = prompt("Digite o nome de um filme:");

if (filmes.includes(f)) {

  alert("🎬 Sim, está na lista!");

} else {

  alert("❌ Não encontramos esse filme.");

}

9️⃣ Criar um array de números e exibir todos com alert() (formatado) 

let nums = [4, 8, 15, 16, 23, 42];

alert("Números cadastrados:\n" + nums.join("\n"));

💡 Exercício – Lista de filmes favoritos

Crie um programa que:

1. Armazene 5 filmes em um array.

2. Peça ao usuário que digite um nome de filme.

3. Verifique se esse filme está na lista de favoritos.

4. Mostre uma mensagem apropriada com alert() dizendo se o filme está ou não entre os favoritos.

📌 Dica: use prompt(), .includes() e um array de strings.