Rimuovi un carattere da una stringa in JavaScript

Kirill Ibrahim 2 ottobre 2021
  1. Usa il metodo replace() con espressioni regolari in JavaScript
  2. Rimuovi un carattere specificato nell’indice fornito in JavaScript
  3. Rimuovi la prima istanza di carattere in una stringa in JavaScript
Rimuovi un carattere da una stringa in JavaScript

JavaScript ha diversi metodi per rimuovere un carattere specifico da una stringa. Introdurremo come rimuovere un carattere da una stringa in JavaScript.

Usa il metodo replace() con espressioni regolari in JavaScript

Usiamo il metodo replace() con l’espressione regolare per rimuovere tutte le istanze del carattere specificato in una stringa in JavaScript.

Sintassi dell’espressione regolare replace() in JavaScript

replace(/regExp/g, '');

Esempio:

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

Produzione:

The original string is DelftStack

New Output is: DelfSack

Rimuovi un carattere specificato nell’indice fornito in JavaScript

Quando dobbiamo rimuovere un carattere quando abbiamo più di un’istanza di questo carattere in una stringa, ad esempio, rimuovere il carattere t da una stringa DelftStack, possiamo usare il metodo slice() per ottenerne due stringhe prima e dopo l’indice specificato e concatenarle.

Esempio:

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

Rimuovi la prima istanza di carattere in una stringa in JavaScript

Possiamo usare il metodo replace() senza un’espressione regolare per rimuovere solo la prima istanza di un carattere da una stringa in JavaScript. Passiamo il carattere da rimuovere come primo argomento e la stringa vuota '' come secondo argomento.

Esempio:

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

Articolo correlato - JavaScript String