Substituir Javascript

| | | | | | | | | | | | | | |

A função replace() é usada para substituir texto em uma string JavaScript. A função replace() recebe dois argumentos, a substring a substituir e a nova string que tomará seu lugar. Regex (p) também pode ser usado para substituir texto em uma string.

Substituir texto em uma string é uma operação comum em qualquer linguagem de programação. Por exemplo, você pode querer remover alguns símbolos de uma string para garantir que seu programa esteja funcionando.

Seja qual for o motivo, saber como substituir texto em um string JavaScript pode ser útil.

Neste guia, veremos a função replace() de string JavaScript e exploraremos como ela pode ser usado para modificar texto.

JavaScript Replace() Sintaxe

O método JavaScript replace() procura uma string para um padrão ou uma expressão regular. Se tal padrão for encontrado na string, ele será substituído por um valor especificado. replace() retorna uma nova string. A string original não é alterada.

O método replace () recebe dois argumentos:

  • O padrão ou expressão regular para procurar por replace (); e
  • Uma string que deve substituir qualquer instância do padrão especificado no primeiro argumento.

Vamos dar uma olhada nesta sintaxe:

Nosso primeiro argumento, "Pi", é o padrão cujo conteúdo queremos substituir. O segundo argumento, "P", é o texto pelo qual queremos substituir nosso modelo. Então nosso código substitui "Pi" por "P".

Nosso código imprime "Peter" em Console JavaScript . Nossa saída é uma nova string porque as strings não podem ser editadas em JavaScript. Eles são imutáveis.

O método replace() é adicionado no final da nossa cadeia. Você não precisa especificar a string da qual deseja substituir os valores. Apenas o padrão que você deseja encontrar e o texto que deve substituir as instâncias desse padrão são argumentos aceitos.

substituir () exemplo de JavaScript

Por exemplo, suponha que você queira substituir a palavra interessante em> intrigando em uma string. Como você faria? Poderíamos usar o método replace():

Nosso código retorna uma nova string que é a seguinte:

Na primeira linha, declaramos uma variável JavaScript chamada ourInterestingString. Esta variável contém o valor Esta string é interessante. Na próxima linha, substituímos a palavra interessante por interessante, usando o método JavaScript substituição de string ().

Podemos ver que a palavra "interessante" foi alterada para "intrigante" em nosso canal.

JavaScript Replace Multiple Sub-strings

Se quisermos substituir várias partes de nossa string , podemos fazer isso concatenando nossas funções replace(). O encadeamento significa que colocamos várias instruções replace() uma após a outra. Aqui está um exemplo:

Nosso código retorna o seguinte:

Nosso código substitui todas as ocorrências das palavras" Esta "," string " e" interessante ", com as palavras" Nosso ‚"," código ‚"," incrível! ‚", respectivamente. substitui três palavras por mais três em nossa string usando a função replace().

string JavaScript replace() usando Regex

Expressão Regular< /em>, ou regex (p), define um padrão de pesquisa. Ao tentar localizar ou substituir caracteres em uma string, o uso de expressões regulares pode ser útil. Os objetos regexp nos dão mais controle sobre nosso < em>replace(), que nos permite fazer substituições mais interessantes.

Aqui está um exemplo de uso de regex para substituir a letra e pela letra < em>f:

Nossa saída de código é a seguinte:

Nosso código primeiro declara a variável ourInterestingString e atribui a ela o valor Esta string é interessante. Em seguida, nosso código substitui cada e na string inteira pela letra f e a função retorna nossa nova string.

Usamos a expressão regular / e /g / para fazer isso. Esse padrão substituirá qualquer e aparecendo na string inteira (que é o significado de g).

Se você deseja aprender mais sobre expressões regulares, confira Regexr , que permite experimentar facilmente diferentes expressões.

Resumo

A função JavaScript função replace () permite que parte de uma string seja substituída por outra e retorna a string recém-modificada A função Regex() nos permite fazer o mesma coisa, mas com mais controle.

Neste tutorial, explicamos como usar a função JavaScript replace() e explicamos como usar expressões regulares de leitura para realizar mais anúncios funções de substituição avançadas em uma string.

Para saber mais sobre como codificar na linguagem de programação JavaScript, leia nosso guia Como aprender JavaScript .