Remover Substring do String em JavaScript

Kirill Ibrahim 30 janeiro 2023
  1. JavaScript replace() Método para remover substring específico de uma string
  2. JavaScript replace() Método com Regex para remover todas as ocorrências da string específica de uma string
  3. JavaScript substr() Método para Extrair Substring Specific Substring de uma String
Remover Substring do String em JavaScript

O JavaScript tem dois métodos populares para remover o substrato de uma string. Cada método abaixo terá um exemplo de código, que pode ser executado na sua máquina.

JavaScript replace() Método para remover substring específico de uma string

A função replace() é uma função integrada em JavaScript. Substitui uma parte da string dada por outra string ou uma expressão regular. Retorna uma nova string de uma determinada string e deixa a string original inalterada.

Sintaxe da função replace():

Ourstring.replace(Specificvalue, Newvalue)

O Specificvalue será substituído pelo novo valor - Newvalue.

Exemplo de método JavaScript replace():

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        How to remove a substring from string in JavaScript? 
    </title> 
</head> 
  
<body> 
    <h1> 
        DelftStack 
    </h1> 
      
    <p>Our string is DelftStac for Software</p> 
      
    <p> 
        Our New String is: <span class="output"></span> 
    </p> 
  
    <button onclick="removeText()"> 
        Generate Text 
    </button> 
      
    <script type="text/javascript"> 
        function removeText() {
            ourWord = 'DelftStac for Software'; 
            ourNewWord = ourWord.replace('DelftStack', ''); 
  
            document.querySelector('.output').textContent 
                    = ourNewWord; 
        } 
    </script> 
</body> 
</html>

JavaScript replace() Método com Regex para remover todas as ocorrências da string específica de uma string

É utilizada uma expressão regular em vez do Specificvalue, juntamente com a propriedade global.

Exemplo:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        How to remove to remove all occurrences of the specific substring  from string in JavaScript? 
    </title> 
</head> 
  
<body> 
    <h1> 
        DelftStack 
    </h1> 
      
    <p>Our string is DelftStackforDelftStack</p> 
      
    <p> 
        Our New String is: <span class="output"></span> 
    </p> 
  
    <button onclick="removeText()"> 
        Generate Text 
    </button> 
      
    <script type="text/javascript"> 
        function removeText() {
            ourWord = 'DelftStackforDelftStack'; 
            ourNewWord = ourWord.replace(/DelftStack/g, ''); 
  
            document.querySelector('.output').textContent 
                    = ourNewWord; 
        } 
    </script> 
</body> 
</html>

JavaScript substr() Método para Extrair Substring Specific Substring de uma String

A função substr() é uma função integrada em JavaScript para extrair um substrato de uma determinada string ou devolver uma porção da string. Começa no índice especificado e estende-se por um determinado número de caracteres.

substr() Sintaxe:

string.substr(startIndex, length)

startIndex é necessária. O length é opcional, o comprimento da string a seleccionar a partir desse Startindex, e se não for especificado, extrai para o resto da string.

Exemplo:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        How to remove a substring from string in JavaScript? 
    </title> 
</head> 
  
<body> 
    <h1> 
        DelftStack 
    </h1> 
      
    <p>Our string is DelftStackforDelftStack</p> 
      
    <p> 
        Our New String is: <span class="output"></span> 
    </p> 
  
    <button onclick="removeText()"> 
        Generate Text 
    </button> 
      
    <script type="text/javascript"> 
        function removeText() {
            ourWord = 'DelftStackforDelftStack'; 
            ourNewWord = ourWord.substr(10,13);
  
            document.querySelector('.output').textContent 
                    = ourNewWord; 
        } 
    </script> 
</body> 
  
</html>

Artigo relacionado - JavaScript String