Como processar cada letra de uma string em JavaScript

Neste artigo você vai aprender a como processar cada letra de uma string em JavaScript, utilizando recursos nativos da linguagem

Fala programador(a), beleza? Bora aprender mais sobre strings e JavaScript!

Em JavaScript as strings são consideradas como arrays, por exemplo: cada letra representa um elemento

Isso facilita muito as coisas, pois com estruturas de repetição podemos alcançar o nosso objetivo

E também acaba tendo diversas maneiras de realizar o que estamos querendo fazer com as letras de um texto

Veja alguns exemplos disponíveis:

const myText = "Some text here!"

for (var i = 0; i < myText.length; i++) {
  console.log(myText[i]);
}

for (let l of myText) {
  console.log(l);
}

myText.split('').forEach(m => {
  console.log(m)
});

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Acima estão três possíveis abordagens para chegarmos no mesmo resultado: todas elas processam um texto letra por letra

A primeira é com um for loop clássico da linguagem, depois aplicamos com a estrutura for…of e por último com o método forEach, que é para arrays

Neste último caso precisamos explicitamente converter para array com o split, pois o método só aceita o tipo de dado de listas

Mas as duas primeiras devem servir para você 🙂

Dentro do loop você poderá adicionar a sua lógica, ou seja, o que precisa fazer com as letras de forma isolada

Conclusão

Neste artigo você aprendeu a como processar cada letra de uma string em JavaScript

Utilizamos diversas abordagens para isto, porém há uma diretriz básica: precisamos de uma estrutura de repetição

Pois as letras de uma string podem ser acessadas como índices de array

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologiasO link acima contém um cupom de desconto para os cursos!

Qual das três abordagens usar?

Depende do que tu precisa fazer dentro do loop

Se tu precisa do índice da letra (a posição dela no texto), o for clássico já entrega isso de graça, é a variável i

Se tu só quer a letra em si, sem se importar com a posição, o for…of é o mais limpo de ler, tu escreve menos e erra menos

E o forEach só entra quando tu já está confortável com array, porque ele exige o split antes pra transformar o texto em lista

Regra prática: comece pelo for…of, e só troque pro for clássico quando o índice fizer falta 🙂

Como pegar uma letra específica da string:

Nem sempre tu precisa de loop

Como as letras podem ser acessadas por índice, dá pra ir direto na posição que tu quer:

const myText = "Some text here!"

A contagem começa no 0, então a primeira letra é o índice 0

E a última é o tamanho do texto menos 1, por isso o myText.length – 1

Como contar quantas vezes uma letra aparece no texto:

Esse é o uso mais comum de processar letra por letra

A ideia é simples: cria um contador antes do loop, e soma 1 toda vez que a letra bater com a que tu procura

const myText = "Some text here!" let total = 0

for (let l of myText) { if (l === ‘e’) { total++ } }

console.log(total)

Repara num detalhe: o contador nasce FORA do loop

Se tu declarar ele dentro, volta pra zero a cada letra e o resultado sempre sai 1, é o erro mais comum nessa parte

Como montar um novo texto processando letra por letra:

Além de ler, tu pode ir construindo um texto novo dentro do loop

Basta ter uma variável de texto vazia antes do loop e ir concatenando

Bora ver na prática, invertendo o texto:

const myText = "Some text here!" let invertido = ”

for (let l of myText) { invertido = l + invertido }

console.log(invertido)

O pulo do gato está na ordem da concatenação: colocando a letra ANTES do que já foi acumulado, o texto sai de trás pra frente

Se tu escrever invertido + l, tu só reconstrói o texto original, o que também é útil quando a ideia é filtrar ou trocar letras no caminho

Perguntas frequentes:

Preciso converter a string em array pra percorrer letra por letra?

Não

O for clássico e o for…of leem o texto direto, sem conversão nenhuma

O split só é obrigatório no forEach, porque esse método é de array e não aceita texto

Como eu paro o loop antes de chegar no fim do texto?

Com o break, que funciona tanto no for clássico quanto no for…of

No forEach ele não vale, então se a tua lógica precisa parar no meio (achou a letra e acabou), volta pro for…of que a vida fica mais fácil 🙂