Solucionado: Replicando o toLowerCase

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.

Gabriel e Pedro

2 min

👋 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:


          
            function toLowerCase (char) {
          
          
            	
          
          
                const upperCaseCharUnicode = char.charCodeAt();
          
          
            
          
          
            	
          
          
                const lowerCaseCharUnicode = upperCaseCharUnicode + 32;
          
          
            
          
          
            	
          
          
                const lowerCaseChar = String.fromCharCode(lowerCaseCharUnicode);
          
          
            
          
          
                return lowerCaseChar;
          
          
            }

🌀 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:


          
            'A'.charCodeAt();

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:


          
            'A'.charCodeAt();
          
          
            
          
          
            
          
          
            'a'.charCodeAt();

Observe que 65 + 32 = 97.

No código de solução do desafio, temos:


          
            const lowerCaseCharUnicode = upperCaseCharUnicode + 32;

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:


          
            const lowerCaseChar = String.fromCharCode(lowerCaseCharUnicode);
          
          
            
          
          
            return lowerCaseChar;

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 👋

Learn

Support

More Options