Capítulo 09: Manipulação de Strings 🐺⚔️
Neste capítulo, vamos aprender a trabalhar com textos de forma avançada em JavaScript, com o tema The Witcher!
📖 Métodos de String em JavaScript
O JavaScript possui diversos métodos embutidos para manipular textos (strings). Alguns dos mais usados são:
toUpperCase(): Transforma tudo em maiúsculo.toLowerCase(): Transforma tudo em minúsculo.includes(): Verifica se um texto existe dentro de outro (retorna true ou false).replace(): Substitui uma parte do texto por outra.
📖 Exemplo Guiado: O Nome do Bruxo
Vamos manipular o nome de um bruxo e verificar se ele pertence a uma escola específica.
- Crie o arquivo
strings_bruxo.jsna pastasrc/:
const nomeCompleto = "Geralt de Rivia";
// 1. Transformando em maiúsculo
console.log(`Grito de Guerra: ${nomeCompleto.toUpperCase()}!`);
// 2. Verificando se contém uma palavra
const temRivia = nomeCompleto.includes("Rivia");
console.log(`E de Rivia? ${temRivia ? "Sim" : "Nao"}`);
// 3. Substituindo texto
const novoNome = nomeCompleto.replace("Rivia", "Vengerberg");
console.log(`Nome disfarçado: ${novoNome}`);🕹️ Como Executar e Testar no VS Code
- Abra o terminal integrado.
- Execute:
node strings_bruxo.js
Resultado Esperado:
Grito de Guerra: GERALT DE RIVIA!
E de Rivia? Sim
Nome disfarçado: Geralt de Vengerberg📊 Ilustração Visual: Métodos de String
Veja como os métodos transformam o dado original:
graph TD A["'Geralt de Rivia'"] -->|toUpperCase| B["'GERALT DE RIVIA'"] A -->|replace 'Rivia' por 'Vengerberg'| C["'Geralt de Vengerberg'"]
🛠️ Prática Obrigatória 1: Grito de Batalha
Crie um programa chamado grito_batalha.js que receba o nome de um feitiço (ex: “igni”) e o exiba em maiúsculo seguido de três pontos de exclamação (ex: “IGNI!!!”). Use o método toUpperCase().
🔑 Gabarito de Código
Prática 1: grito_batalha.js
const feitico = "igni";
const grito = feitico.toUpperCase();
console.log(`${grito}!!!`);📤 Instruções de Entrega (GitHub Desktop + Microsoft Teams)
(Siga o padrão estabelecido no Guia)