Como a função toLowerCase funciona? Mostramos por debaixo dos panos o que o JavaScript faz para que seu caractere maiúsculo se transforme em minúsculo.
👋 Opa, Gabriel e Pedro aqui e seja bem-vindo para mais um episódio da nossa newsletter semanal, a Challenge House. Toda quinta-feira, temos a solução de um desafio JavaScript que foi divulgado no início da semana. | ||||||||||||
Vem com a gente que lá vem história… | ||||||||||||
🏠 Challenge House sendo desvendada | ||||||||||||
No início da semana, compartilhamos o desafio Replicando o toLowerCase. | ||||||||||||
Sem mais demora, a solução em formato de código é essa aqui: | ||||||||||||
| ||||||||||||
🌀 Ao vivo e à cores | ||||||||||||
Não acredita que o código ali em cima funciona? Criamos uma execução dele no CodePen para você poder ver de perto. Basta rodar 👇 | ||||||||||||
🤓 Por que na minha máquina funciona? | ||||||||||||
Não adianta viver de CTRL + C e CTRL + Z. É preciso entender o motivo daquele código rodar da forma correta. Vamos lá? | ||||||||||||
1. Utilizando o charCodeAt() | ||||||||||||
Como mencionado no artigo de instrução do desafio, cada caractere possui um valor decimal na tabela ASCII. | ||||||||||||
Com isso em mente, iremos precisar do valor numérico do caractere que recebemos como argumento da nossa função. | ||||||||||||
Para isso, existe um método da classe String do JavaScript, conhecido como charCodeAt, que retorna o valor numérico. | ||||||||||||
Pegando o caractere "A” maiúsculo como exemplo: | ||||||||||||
| ||||||||||||
2. Encontrando a versão minúscula | ||||||||||||
Na tabela ASCII, existe uma relação com as letras do alfabeto, na qual um caractere maiúsculo possui uma distância de outros 32 caracteres até chegar na sua versão minúscula. | ||||||||||||
Ainda pegando o caractere "A” como exemplo: | ||||||||||||
| ||||||||||||
Observe que 65 + 32 = 97. | ||||||||||||
No código de solução do desafio, temos: | ||||||||||||
| ||||||||||||
Note que na variável lowerCaseCharUnicode, temos o valor numérico de um caractere minúsculo. | ||||||||||||
3. Utilizando o fromCharCode() | ||||||||||||
Existe um outro método da classe String do JavaScript, conhecido como fromCharCode, que retorna o caractere baseado no seu código numérico. | ||||||||||||
No código de solução do desafio, temos: | ||||||||||||
| ||||||||||||
Na variável lowerCaseChar, temos o caractere minúsculo e agora basta retorná-lo. | ||||||||||||
Se você pensou de outra maneira e fez o um código diferente, iríamos adorar saber a solução também. Sinta-se a vontade para chamar a gente no instagram da Challenge House ou responder por email esta newsletter. | ||||||||||||
Fazer um comentário | ||||||||||||
Se você achou o conteúdo dessa newsletter interessante, pense com carinho em fazer alguma dessas coisas: | ||||||||||||
1. ❤️ Compartilhar com os amigos - é com a sua ajuda que iremos levar o Challenge House para cada vez mais pessoas. | ||||||||||||
Compartilhar conteúdo | ||||||||||||
2. ✉️ Se inscrever na nossa newsletter - se ainda não é, iremos ficar muito felizes com a sua inscrição. | ||||||||||||
Seguir meu Canal | ||||||||||||
Até segunda-feira, | ||||||||||||
Gabriel e Pedro 👋 |