Substituir várias strings por outras strings em JavaScript

Neste artigo você vai aprender a como substituir várias strings por outras strings em JavaScript, operando múltiplas strings

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

Hoje vamos falar sobre como substituir múltiplas strings por outras múltiplas strings em JavaScript.

Isso pode ser útil em muitas situações, como quando precisamos fazer uma tradução de um texto ou quando precisamos substituir palavras por outras palavras em um determinado contexto.

Existem algumas formas de fazer isso em JavaScript, e vamos ver algumas delas a seguir.

1. Utilizando o método replace

O método replace é uma função de string que permite substituir uma string por outra.

Ele pode ser utilizado para substituir múltiplas strings utilizando uma expressão regular.

Por exemplo, vamos supor que temos um texto e queremos substituir todas as ocorrências de “oi” por “olá” e todas as ocorrências de “tchau” por “adeus”:

let text = "Oi, como você está? Tchau!";
text = text.replace(/oi/gi, "olá");
text = text.replace(/tchau/gi, "adeus");

console.log(text); // Output: "Olá, como você está? Adeus!"

No exemplo acima, utilizamos o método replace duas vezes para substituir as strings “oi” e “tchau” por “olá” e “adeus”, respectivamente.

Utilizamos também uma expressão regular com os modificadores g (global) e i (case-insensitive) para fazer a substituição em todas as ocorrências da string, independentemente da capitalização.

2. Utilizando o método split e o método join

Outra forma de substituir múltiplas strings por outras múltiplas strings em JavaScript é utilizando o método split e o método join.

O método split é uma função de string que divide uma string em um array de strings, enquanto o método join é uma função de array que junta os elementos de um array em uma string.

Por exemplo, vamos supor que temos um texto e queremos substituir todas as ocorrências de “oi” por “olá” e todas as ocorrências de “tchau” por “adeus”:

let text = "Oi, como você está? Tchau!";
const wordsToReplace = {
  oi: "olá",
  tchau: "adeus"
};

const replacedText = text
  .split(" ")
  .map(word => wordsToReplace[word.toLowerCase()] || word)
  .join(" ");

console.log(replacedText); // Output: "Olá, como você está? Adeus!"

No exemplo acima, utilizamos o método split para dividir o texto em um array de palavras, e o método join para juntar o array de palavras em uma string.

3. Utilizando o método replace com funções de substituição

Outra forma de substituir múltiplas strings por outras múltiplas strings em JavaScript é utilizando o método replace com funções de substituição.

Em vez de passar uma string ou uma expressão regular para o método replace, você pode passar uma função que retorna a string de substituição desejada.

Por exemplo, vamos supor que temos um texto e queremos substituir todas as ocorrências de “oi” por “olá” e todas as ocorrências de “tchau” por “adeus”:

let text = "Oi, como você está? Tchau!";

const replacedText = text.replace(/oi|tchau/gi, match => {
  switch (match.toLowerCase()) {
    case "oi":
      return "olá";
    case "tchau":
      return "adeus";
  }
});

console.log(replacedText); // Output: "Olá, como você está? Adeus!"

No exemplo acima, utilizamos o método replace com uma função de substituição que verifica o valor da string encontrada e retorna a string de substituição adequada.

Utilizamos também uma expressão regular com os modificadores g (global) e i (case-insensitive) para fazer a substituição em todas as ocorrências da string, independentemente da capitalização.

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Substituir múltiplas strings por outras múltiplas strings em JavaScript é uma tarefa comum, e existem diversas formas de fazer isso.

No artigo, vimos três formas diferentes: utilizando o método replace, utilizando o método split e o método join, e utilizando o método replace com funções de substituição.

Qual dessas formas é a mais adequada para o seu caso dependerá do que você precisa fazer e do seu gosto pessoal.

Espero que este artigo tenha ajudado a entender mais sobre como substituir múltiplas strings por outras múltiplas strings em JavaScript. Boa sorte em sua jornada de aprendizado!

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!