HOWTO · JavaScript

Remover Substring do String em JavaScript

Demonstra diferentes formas de remover o substrato de cordel 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>