Neste artigo você vai aprender a como inserir uma string em um índice específico com JavaScript, ou seja, inserir um texto no meio de outro texto
Fala programador(a), beleza? Bora aprender mais sobre strings em JavaScript!
Para realizar esta técnica vamos precisar de alguns recursos
Primeiramente vamos utilizar substr um método para ‘cortar’ a string, até o determinado índice
Ou seja, onde queremos inserir o texto entre o texto original
Depois vamos concatenar com o texto a ser inserido, e por fim unimos com o resto do texto
Utilizando substr novamente, vamos passar a segunda metade do texto
Veja um exemplo prático:
const text = "Meu texto" const word = " palavra" const index = 3 const newText = text.substr(0, index) + word + text.substr(index) console.log(newText) // "Meu palavra texto"
O primeiro substr pega o texto do caractere 0 até o valor da variável index
Depois inserimos o texto, que está na variável word
E concatenamos com o resto do texto, onde passamos apenas um argumento para substr
Resultando assim no que precisamos 🙂
Conclusão
Neste artigo você aprendeu a inserir uma string em um índice específico, utilizando JavaScript
Foram necessários alguns recursos, como: a função substr e concatenação
Assim conseguimos injetar um texto entre um outro texto
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 tecnologias. O link acima contém um cupom de desconto para os cursos