JavaScript Substitua

JavaScript é uma linguagem de script ou programação da web. As cordas são uma parte importante das variáveis ​​em qualquer linguagem de programação. Muitas vezes precisamos manipular ou extrair alguma corda específica de acordo com nossas necessidades. Você deve ter visto isso com frequência em muitos sites que, com um clique de um botão ou algo que o texto mudou. Como podemos encontrar e substituir algumas palavras específicas em um longo parágrafo em javascript? Temos que mudar todo o código? Claro que não, temos um substituir() Método em JavaScript para substituir a substring por uma nova string fornecida. Então, vamos dar uma olhada no que é uma string e como podemos substituir uma substring por outra string.

A corda é um texto ou caracteres simples que podem incluir alfabetos, números ou símbolos.

Método Substituir () de Javascript () encontra a substring fornecida e altere/substitua essa substring por uma nova string fornecida.

Sintaxe

Sintaxe para o substituir() Método é

corda.substituir (substring, newstring);

substring pode ser qualquer valor da string para a qual queremos substituir

Newstring é o valor que substitui a substring (primeiro parâmetro).

Exemplos

Agora, se dermos uma olhada em alguns exemplos. Supomos uma string “Linuxhint é ótimo e Linuxhint está funcionando muito bem.”. Nesta string, eu repeti a mesma palavra “ótimo" e "Linuxhint”Intencionalmente. O objetivo disso estará bem na sua frente em um momento. Agora, vamos tentar substituir a palavra “ótimo"Com vamos dizer"incrível”Usando o método substituir ().

Linux.substituir ("ótimo", "incrível");

Aqui você pode ver o problema de que a primeira ocorrência de “ótimo”É substituído. Mas o segundo não. Então, aqui vem o conceito de expressão regular. Também podemos dar a expressão regular em vez da substring para o substituir() método.

Então, vamos modificar a sintaxe um pouco que também podemos dar expressão regular.

corda.substituir (substring | regex, newstring);

regex é um objeto de expressão regular. As partidas serão substituídas pelo Newstring.

Se queremos substituir cada ocorrência da palavra “ótimo”Então passaremos a expressão regular com um 'g' Flag, que é uma forma curta para global. Dê uma olhada abaixo para ter uma idéia sobre o que exatamente quero dizer.

Linux.substitua (/grande/g, "Awesome");

Perfeito, todas as ocorrências de “ótimo”São alterados. Mas agora podemos enfrentar um problema se tentarmos mudar todas as ocorrências de “Linuxhint"Para dizer"nosso site”Usando a mesma técnica. Vamos tentar fazer isso primeiro, então veremos como podemos resolver isso.

Linux.substituir (/linuxhint/g, "nosso site");

Como você pode ver isso. Embora tenhamos fornecido à bandeira global a expressão regular. Mas, a primeira ocorrência não é alterada. Isto é por causa da sensibilidade ao caso. Então, precisamos fornecer uma bandeira de insensibilidade ao caso 'eu'. Podemos fazer isso simplesmente adicionando o 'eu' bandeira junto com o 'g' bandeira. Como,

Linux.substituir (/linuxhint/gi, "nosso site");

Ótimo. Como você pode ver que todas as ocorrências de “Linuxhint“São alterados independentemente da sensibilidade ao caso.

Dica profissional

Temos dois protips para você. Uma é que podemos dar várias substringas em uma expressão regular também usando o ou “|” operador. O segundo é que também podemos fornecer uma função em vez do Newstring. Então, a sintaxe final que você deve levar com você é

corda.substituir (substring | regex, newstring | function);

Vamos dar uma olhada em um exemplo. Para entender como funciona.

Neste exemplo, alteraremos/substituiremos "Great" e "Linuxhint" usando um único método de substituição e, posteriormente, forneceremos algumas tarefas a serem executadas em uma função, na qual alteraremos as partidas para a maçaneta.

Linux.substitua (/grande | linuxhint/gi, (m) => return m.toupPercase ());

Tudo bem! Como você pode ver, as duas palavras "ótimas" e "linuxhint" são convertidas nas letras maiúsculas, com sucesso.

Conclusão

Neste artigo, aprendemos que como podemos usar o método substituir () para substituir a substring e como podemos usar a expressão regular para fornecer vários valores junto com a bandeira global e insensível. Espero que este artigo tenha ajudado você a entender minuciosamente o método substituir (). Então, continue aprendendo JavaScript com Linuxhint.com.