Eliminar la subcadena de una cadena en JavaScript

Kirill Ibrahim 30 enero 2023
  1. Método JavaScript replace() para eliminar una subcadena específica de una cadena
  2. Método JavaScript replace() con Regex para eliminar todas las ocurrencias de la subcadena específica de una cadena
  3. Método JavaScript substr() para extraer una subcadena específica de una cadena
Eliminar la subcadena de una cadena en JavaScript

JavaScript tiene dos métodos populares para eliminar la subcadena de una cadena. Cada método a continuación tendrá un ejemplo de código, que puede ejecutar en su máquina.

Método JavaScript replace() para eliminar una subcadena específica de una cadena

La función replace() es una función incorporada en JavaScript. Reemplaza una parte de la cadena dada con otra cadena o una expresión regular. Devuelve una nueva cadena a partir de una cadena dada y deja la cadena original sin cambios.

Sintaxis de replace():

Ourstring.replace(Specificvalue, Newvalue)

El Specificvalue será reemplazado por el nuevo valor - Newvalue.

Ejemplo del 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>

Método JavaScript replace() con Regex para eliminar todas las ocurrencias de la subcadena específica de una cadena

Se utiliza una expresión regular en lugar del Specificvalue junto con la propiedad global.

Ejemplo:

<!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>

Método JavaScript substr() para extraer una subcadena específica de una cadena

La función substr() es una función incorporada en JavaScript para extraer una subcadena de una cadena dada o devolver una parte de la misma. Comienza en el índice especificado y se extiende por un número determinado de caracteres.

Sintaxis de substr():

string.substr(startIndex, length)

startIndex es obligatorio. La length es opcional, la longitud de la cadena a seleccionar a partir de ese startIndex, y si no se especifica, extrae al resto de la cadena.

Ejemplo:

<!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>

Artículo relacionado - JavaScript String