Inserir uma string em um índice específico com JavaScript

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