Eliminar un carácter de una cadena en JavaScript

Kirill Ibrahim 30 enero 2023
  1. Use el método replace() con expresión regular en JavaScript
  2. Eliminar un carácter especificado en el índice dado en JavaScript
  3. Eliminar la primera instancia de un carácter en una cadena en JavaScript
Eliminar un carácter de una cadena en JavaScript

JavaScript tiene diferentes métodos para eliminar un carácter específico de una cadena. Presentaremos cómo eliminar un carácter de una cadena en JavaScript.

Use el método replace() con expresión regular en JavaScript

Usamos el método replace() con la expresión regular para eliminar todas las instancias del carácter especificado en una cadena en JavaScript.

Sintaxis de la expresión regular de JavaScript replace()

replace(/regExp/g, '');

Ejemplo:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
       How to remove all instances of the specified character in a string? 
    </title> 
</head> 
  
<body> 
    <h1> 
        DelftStack 
    </h1> 
      
    <b> 
        How to remove all instances of the specified character in a string? 
    </b> 
      
    <p>The original string is DelftStack</p> 
      
    <p> 
        New Output is:  
        <span id="outputWord"></span> 
    </p> 
  
    <button onclick="removeCharacterFromString()"> 
        Remove Character 
    </button> 
      
    <script type="text/javascript"> 
        const removeCharacterFromString = () => {
            originalWord = 'DelftStack'; 
            newWord = originalWord.replace(/t/g, ''); 
  
            document.querySelector('#outputWord').textContent  
                    = newWord; 
        } 
    </script> 
</body>  
</html>  

Resultado:

The original string is DelftStack

New Output is: DelfSack

Eliminar un carácter especificado en el índice dado en JavaScript

Cuando necesitamos eliminar un carácter cuando tenemos más de una instancia de este carácter en una cadena, por ejemplo, eliminar el carácter t de una cadena DelftStack, podemos usar el método slice() para obtener dos cadenas antes y después del índice dado y concatenarlas.

Ejemplo:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
       How to remove Specified Character at a Given Index in a string? 
    </title> 
</head> 
  
<body> 
    <h1> 
        DelftStack 
    </h1> 
      
    <b> 
        How to remove Specified Character at a Given Index in a string? 
    </b> 
      
    <p>The original string is DelftStack</p> 
      
    <p> 
        New Output is:  
        <span id="outputWord"></span> 
    </p> 
  
    <button onclick="removeCharacterFromString(5)"> 
        Remove Character 
    </button> 
      
    <script type="text/javascript"> 
        const removeCharacterFromString = (position) => {
            originalWord = 'DelftStack'; 
            newWord = originalWord.slice(0, position - 1) 
            + originalWord.slice(position, originalWord.length); 
  
            document.querySelector('#outputWord').textContent  
                    = newWord; 
        } 
        
    </script> 
</body>   
</html>  

Eliminar la primera instancia de un carácter en una cadena en JavaScript

Podemos usar el método replace() sin una expresión regular para eliminar sólo la primera instancia de un carácter de una cadena en JavaScript. Pasamos el carácter a eliminar como primer argumento y la cadena vacía '' como segundo argumento.

Ejemplo:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
       How to remove First Instance of Character in a string? 
    </title> 
</head> 
  
<body> 
    <h1> 
        DelftStack 
    </h1> 
      
    <b> 
        How to remove First Instance of Character in a string? 
    </b> 
      
    <p>The original string is DelftStack</p> 
      
    <p> 
        New Output is:  
        <span id="outputWord"></span> 
    </p> 
  
    <button onclick="removeCharacterFromString()"> 
        Remove Character 
    </button> 
      
    <script type="text/javascript"> 
        const removeCharacterFromString = () => {
            originalWord = 'DelftStack'; 

            newWord = originalWord.replace('t', ''); 

            document.querySelector('#outputWord').textContent  
                    = newWord; 
        } 
        
    </script> 
</body> 
</html>

Artículo relacionado - JavaScript String