Como trocar um caractere em uma string pelo índice em JavaScript

Neste artigo você vai aprender a como trocar um caractere em uma string pelo seu índice, utilizando a linguagem JavaScript!

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

Basicamente vamos precisar gerar uma nova string para resolver este problema

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

O metodo substr vai nos ajudar com isso!

A ideia é criar uma função que receba o que precisa ser inserido na string e o índice do caractere que será excluído

Na prática executaremos este código:

function replaceByIndex(str, index, replacement) {
    return str.substr(0, index) + replacement + str.substr(index + replacement.length);
}

const word = "Matheus";
const idx = 1;
const something = "@";

const newWord = replaceByIndex(word, idx, something);

console.log(newWord); // M@theus

Aqui utilizamos a função para substituir a letra ‘a’ por ‘@’

Note que precisamos encontrar o índice, unir com o que precisa ser trocado e depois colocar o resto da string novamente

Então substituímos algo no meio, unindo o que está atrás e depois do índice alvo

Gerando a nova string com a substituição realizada

Conclusão

Neste artigo você aprendeu a como trocar um caractere em uma string em JS

Utilizamos um índice da string para fazer a troca por outra string

Foi criada uma função para realizarmos a manutenção, onde ela recebe: string original, índice e string para substituir

No retorno recebemos a nova string com as manipulações realizadas, e podemos utilizá-la para o fim necessário

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!