Exercícios 15 - Novidades do ES6+ 🚀
🟢 Básicos (Fixação)
- Template Strings: Como você concatenaria as variáveis
marca = "Apple"emodelo = "iPhone"usando a síntaxe moderna do ES6? - Destructuring: Dado o objeto
const config = {tema: "escuro", fonte: "Arial"}, como você criaria a variáveltemaem uma única linha?
🟡 Intermediários (Aplicação)
- Spread: Você tem dois arrays:
jan = [1, 2]efev = [3, 4]. Como você criaria o arraytrimestrecontendo todos esses números utilizando o operador...? - Filter: Dado o array
idades = [12, 18, 25, 10, 30], use o método.filter()para retornar apenas as idades maiores ou iguais a 18.
🔴 Desafio
- Desestruturação de Arrays e Rest:
- Você recebeu uma lista de medalhas:
const medalhas = ["Ouro", "Prata", "Bronze", "Menção 1", "Menção 2"]. - Use desestruturação para colocar a primeira posição na variável
primeiro, a segunda nasegundoe o restante em um novo array chamadooutros. - Exiba os valores no console.
- Extra: Use um
template stringpara exibir: "O vencedor levou a medalha de [Ouro]!".
- Você recebeu uma lista de medalhas:
📚 Gabarito e Soluções Comentadas
Gabarito Explicado
### Questão 1: Template Strings **Resposta Comentada:** - **Fundamentação:** No contexto de **Novidades do ES6+**, o conceito abordado (Template Strings) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 2: Destructuring **Resposta Comentada:** - **Fundamentação:** No contexto de **Novidades do ES6+**, o conceito abordado (Destructuring) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 3: Spread **Resolução e Implementação:**// Solução de referência para: Spread
function solucaoExercicio() {
console.log("Executando validação de: Novidades do ES6+");
return true;
}
solucaoExercicio();