JavaScript

Como processar cada letra de uma string em JavaScript

8 de fevereiro de 2022

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

processar cada letra de uma string capa

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)
});

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!

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x